Merge branch 'dev' into enhancement/component-cleanup

frontend/src/components/tables/ChannelsTable.jsx

@@ -68,7 +68,7 @@ const epgUrlBase = `${window.location.protocol}//${window.location.host}/output/
 const hdhrUrlBase = `${window.location.protocol}//${window.location.host}/hdhr`;
 
 const ChannelEnabledSwitch = React.memo(
-  ({ rowId, selectedProfileId, selectedTableIds, setSelectedTableIds }) => {
+  ({ rowId, selectedProfileId, selectedTableIds }) => {
     // Directly extract the channels set once to avoid re-renders on every change.
     const isEnabled = useChannelsStore(
       useCallback(
@@ -79,20 +79,16 @@ const ChannelEnabledSwitch = React.memo(
       )
     );
 
-    const handleToggle = async () => {
+    const handleToggle = () => {
       if (selectedTableIds.length > 1) {
-        await API.updateProfileChannels(
+        API.updateProfileChannels(
           selectedTableIds,
           selectedProfileId,
           !isEnabled
         );
       } else {
-        await API.updateProfileChannel(rowId, selectedProfileId, !isEnabled);
+        API.updateProfileChannel(rowId, selectedProfileId, !isEnabled);
       }
-
-      setSelectedTableIds([]);
-
-      return API.requeryChannels();
     };
 
     return (
@@ -381,15 +377,6 @@ const ChannelsTable = ({}) => {
     params.append('page', pagination.pageIndex + 1);
     params.append('page_size', pagination.pageSize);
     params.append('include_streams', 'true');
-    if (selectedProfileId !== '0') {
-      params.append('channel_profile_id', selectedProfileId);
-    }
-    if (showDisabled === true) {
-      params.append('show_disabled', true);
-    }
-    if (showOnlyStreamlessChannels === true) {
-      params.append('only_streamless', true);
-    }
 
     // Apply sorting
     if (sorting.length > 0) {
@@ -425,14 +412,7 @@ const ChannelsTable = ({}) => {
       pageSize: pagination.pageSize,
     });
     setAllRowIds(ids);
-  }, [
-    pagination,
-    sorting,
-    debouncedFilters,
-    showDisabled,
-    selectedProfileId,
-    showOnlyStreamlessChannels,
-  ]);
+  }, [pagination, sorting, debouncedFilters]);
 
   const stopPropagation = useCallback((e) => {
     e.stopPropagation();
@@ -759,7 +739,6 @@ const ChannelsTable = ({}) => {
               rowId={row.original.id}
               selectedProfileId={selectedProfileId}
               selectedTableIds={table.getState().selectedTableIds}
-              setSelectedTableIds={table.setSelectedTableIds}
             />
           );
         },
@@ -1358,10 +1337,6 @@ const ChannelsTable = ({}) => {
             deleteChannels={deleteChannels}
             selectedTableIds={table.selectedTableIds}
             table={table}
-            showDisabled={showDisabled}
-            setShowDisabled={setShowDisabled}
-            showOnlyStreamlessChannels={showOnlyStreamlessChannels}
-            setShowOnlyStreamlessChannels={setShowOnlyStreamlessChannels}
           />
 
           {/* Table or ghost empty state inside Paper */}

frontend/src/components/tables/ChannelsTable/ChannelTableHeader.jsx

@@ -12,22 +12,20 @@ import {
   Text,
   TextInput,
   Tooltip,
+  UnstyledButton,
   useMantineTheme,
 } from '@mantine/core';
 import {
   ArrowDown01,
   Binary,
+  Check,
   CircleCheck,
+  Ellipsis,
   EllipsisVertical,
   SquareMinus,
   SquarePen,
   SquarePlus,
   Settings,
-  Eye,
-  EyeOff,
-  Filter,
-  Square,
-  SquareCheck,
 } from 'lucide-react';
 import API from '../../../api';
 import { notifications } from '@mantine/notifications';
@@ -104,10 +102,6 @@ const ChannelTableHeader = ({
   editChannel,
   deleteChannels,
   selectedTableIds,
-  showDisabled,
-  setShowDisabled,
-  showOnlyStreamlessChannels,
-  setShowOnlyStreamlessChannels,
 }) => {
   const theme = useMantineTheme();
 
@@ -214,14 +208,6 @@ const ChannelTableHeader = ({
     );
   };
 
-  const toggleShowDisabled = () => {
-    setShowDisabled(!showDisabled);
-  };
-
-  const toggleShowOnlyStreamlessChannels = () => {
-    setShowOnlyStreamlessChannels(!showOnlyStreamlessChannels);
-  };
-
   return (
     <Group justify="space-between">
       <Group gap={5} style={{ paddingLeft: 10 }}>
@@ -250,41 +236,6 @@ const ChannelTableHeader = ({
         }}
       >
         <Flex gap={6}>
-          <Menu shadow="md" width={200}>
-            <Menu.Target>
-              <Button size="xs" variant="default" onClick={() => {}}>
-                <Filter size={18} />
-              </Button>
-            </Menu.Target>
-
-            <Menu.Dropdown>
-              <Menu.Item
-                onClick={toggleShowDisabled}
-                leftSection={
-                  showDisabled ? <Eye size={18} /> : <EyeOff size={18} />
-                }
-                disabled={selectedProfileId === '0'}
-              >
-                <Text size="xs">
-                  {showDisabled ? 'Hide Disabled' : 'Show Disabled'}
-                </Text>
-              </Menu.Item>
-
-              <Menu.Item
-                onClick={toggleShowOnlyStreamlessChannels}
-                leftSection={
-                  showOnlyStreamlessChannels ? (
-                    <SquareCheck size={18} />
-                  ) : (
-                    <Square size={18} />
-                  )
-                }
-              >
-                <Text size="xs">Only Empty Channels</Text>
-              </Menu.Item>
-            </Menu.Dropdown>
-          </Menu>
-
           <Button
             leftSection={<SquarePen size={18} />}
             variant="default"