Function ChannelsTable

frontend/src/components/tables/ChannelsTable.jsx:255–1774

({ onReady })

);

const ChannelsTable = ({ onReady }) => {
  // EPG data lookup
  const tvgsById = useEPGsStore((s) => s.tvgsById);
  const epgs = useEPGsStore((s) => s.epgs);
  const tvgsLoaded = useEPGsStore((s) => s.tvgsLoaded);
  const hasUnassignedEPGChannels = useChannelsTableStore(
    (s) => s.hasUnassignedEPGChannels
  );

  // Get channel logos for logo selection
  const { ensureLogosLoaded } = useChannelLogoSelection();

  const theme = useMantineTheme();
  const channelGroups = useChannelsStore((s) => s.channelGroups);
  const hasSignaledReady = useRef(false);

  /**
   * STORES
   */

  // store/channelsTable
  const data = useChannelsTableStore((s) => s.channels);
  const pageCount = useChannelsTableStore((s) => s.pageCount);

  const rowClassMap = useMemo(() => {
    const map = {};
    for (const channel of data) {
      const hasStreams = channel.streams?.length > 0;
      if (!hasStreams) {
        map[channel.id] = 'no-streams-row';
      } else if (channel.streams.some((s) => s.is_stale)) {
        map[channel.id] = 'has-stale-streams-row';
      }
    }
    return map;
  }, [data]);
  const setSelectedChannelIds = useChannelsTableStore(
    (s) => s.setSelectedChannelIds
  );
  const setExpandedChannelId = useChannelsTableStore(
    (s) => s.setExpandedChannelId
  );
  const pagination = useChannelsTableStore((s) => s.pagination);
  const setPagination = useChannelsTableStore((s) => s.setPagination);
  const sorting = useChannelsTableStore((s) => s.sorting);
  const setSorting = useChannelsTableStore((s) => s.setSorting);
  const totalCount = useChannelsTableStore((s) => s.totalCount);
  const allRowIds = useChannelsTableStore((s) => s.allQueryIds);
  const setAllRowIds = useChannelsTableStore((s) => s.setAllQueryIds);

  // store/channels
  const hasChannels = useChannelsStore((s) => s.channelIds.length > 0);
  const profiles = useChannelsStore((s) => s.profiles);
  const selectedProfileId = useChannelsStore((s) => s.selectedProfileId);
  const [, setTablePrefs] = useLocalStorage('channel-table-prefs', {
    pageSize: 50,
  });