Function onDrop

apps/web/ui/ChannelsView/index.tsx:116–137

(event: React.DragEvent)

  }

  const onDrop = (event: React.DragEvent) => {
    const node = event.currentTarget;
    const from = currentId;
    const to = node.getAttribute('data-id');
    const row = event.currentTarget.closest('tr');
    if (row) {
      row.classList.remove(styles.highlighted);
    }
    setChannels((channels: SerializedChannel[]) => {
      const reorderedChannels = reorderChannels(channels, from, to);
      debouncedReorderChannels({
        accountId: currentCommunity.id,
        channels: reorderedChannels.map(({ id, displayOrder }) => {
          return { id, displayOrder };
        }),
      });
      return reorderedChannels;
    });

    setUserChannels(from, to);
    setCurrentId('');
  };

  function reorderChannels(
    channels: SerializedChannel[],