From d7129d6195d36ecd3741c77edd260454af5cea7e Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Sun, 14 Sep 2025 14:35:51 -0500
Subject: [PATCH] Change EPG column to have (EPG ID - TVG-ID) and standardize
 header label.

---
 frontend/src/components/tables/ChannelsTable.jsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/tables/ChannelsTable.jsx b/frontend/src/components/tables/ChannelsTable.jsx
index 76484980..1955946b 100644
--- a/frontend/src/components/tables/ChannelsTable.jsx
+++ b/frontend/src/components/tables/ChannelsTable.jsx
@@ -778,14 +778,15 @@ const ChannelsTable = ({}) => {
         cell: ({ getValue }) => {
           const epgDataId = getValue();
           const epgObj = epgDataId ? tvgsById[epgDataId] : null;
+          const tvgName = epgObj?.name;
+          const tvgId = epgObj?.tvg_id;
           const epgName =
             epgObj && epgObj.epg_source
               ? epgs[epgObj.epg_source]?.name || epgObj.epg_source
               : null;
-          const epgDataName = epgObj?.name;
-          const tvgId = epgObj?.tvg_id;
+
           const tooltip = epgObj
-            ? `${epgName ? `EPG Name: ${epgName}\n` : ''}${epgDataName ? `TVG Name: ${epgDataName}\n` : ''}${tvgId ? `TVG-ID: ${tvgId}` : ''}`.trim()
+            ? `${epgName ? `EPG Name: ${epgName}\n` : ''}${tvgName ? `TVG Name: ${tvgName}\n` : ''}${tvgId ? `TVG-ID: ${tvgId}` : ''}`.trim()
             : '';
           return (
             <Box
@@ -803,12 +804,14 @@ const ChannelsTable = ({}) => {
                   withArrow
                   position="top"
                 >
-                  <span>{epgName}</span>
+                  <span>
+                    {epgObj.epg_source} - {tvgId}
+                  </span>
                 </Tooltip>
               ) : epgObj ? (
                 <span>{epgObj.name}</span>
               ) : (
-                <span style={{ color: '#888' }}>Not linked</span>
+                <span style={{ color: '#888' }}>Not Assigned</span>
               )}
             </Box>
           );
@@ -901,6 +904,7 @@ const ChannelsTable = ({}) => {
             placeholder="EPG"
             variant="unstyled"
             data={epgOptions}
+            className="table-input-header"
             size="xs"
             searchable
             clearable
@@ -955,6 +959,7 @@ const ChannelsTable = ({}) => {
         return (
           <MultiSelect
             placeholder="Group"
+            className="table-input-header"
             variant="unstyled"
             data={groupOptions}
             size="xs"