Function StreamRowActions

frontend/src/components/tables/StreamsTable.jsx:72–183

({
  theme,
  row,
  editStream,
  deleteStream,
  handleWatchStream,
  createChannelFromStream,
  table,
})

import useStreamsTableStore from '../../store/streamsTable';

const StreamRowActions = ({
  theme,
  row,
  editStream,
  deleteStream,
  handleWatchStream,
  createChannelFromStream,
  table,
}) => {
  const tableSize = table?.tableSize ?? 'default';
  const expandedChannelId = useChannelsTableStore((s) => s.expandedChannelId);
  const selectedChannelIds = useChannelsTableStore((s) => s.selectedChannelIds);
  const targetChannelId =
    expandedChannelId ||
    (selectedChannelIds.length === 1 ? selectedChannelIds[0] : null);
  const channelSelectionStreams = useChannelsTableStore(
    (state) =>
      state.channels.find((chan) => chan.id === targetChannelId)?.streams
  );

  const addStreamToChannel = async () => {
    await API.addStreamsToChannel(targetChannelId, channelSelectionStreams, [
      row.original,
    ]);
  };

  const onEdit = useCallback(() => {
    editStream(row.original);
  }, [row.original, editStream]);

  const onDelete = useCallback(() => {
    deleteStream(row.original.id);
  }, [row.original.id, deleteStream]);

  const onPreview = useCallback(() => {
    console.log(
      'Previewing stream:',
      row.original.name,
      'ID:',
      row.original.id,
      'Hash:',
      row.original.stream_hash
    );
    handleWatchStream(row.original.stream_hash, row.original.name);
  }, [row.original, handleWatchStream]); // Add proper dependencies to ensure correct stream

  const iconSize =
    tableSize == 'default' ? 'sm' : tableSize == 'compact' ? 'xs' : 'md';

  return (
    <>
      <Tooltip label="Add to Channel" openDelay={500}>
        <ActionIcon
          size={iconSize}
          color={theme.tailwind.blue[6]}
          variant="transparent"
          onClick={addStreamToChannel}
          style={{ background: 'none' }}