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 (
{
withArrow
position="top"
>
- {epgName}
+
+ {epgObj.epg_source} - {tvgId}
+
) : epgObj ? (
{epgObj.name}
) : (
- Not linked
+ Not Assigned
)}
);
@@ -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 (