multi-downloader-nx_mirror/gui/react/src/components/MainFrame/DownloadManager/DownloadManager.tsx

import React from "react";
import { ExtendedProgress } from "../../../../../../@types/messageHandler";
import { RandomEvent } from "../../../../../../@types/randomEvents";
import useStore from "../../../hooks/useStore";
import { messageChannelContext } from "../../../provider/MessageChannel";

const useDownloadManager = () => {
  const [ { currentDownload }, dispatch ] = useStore();
  const messageHandler = React.useContext(messageChannelContext);

  const [progressData, setProgressData] = React.useState<ExtendedProgress|undefined>();
  
  React.useEffect(() => {
    const handler = (ev: RandomEvent<'progress'>) => {
      console.log(ev.data);
      setProgressData(ev.data);
    }
    messageHandler?.randomEvents.on('progress', handler);

    const finishHandler = () => {
      setProgressData(undefined);
      dispatch({
        type: 'finish',
        payload: undefined
      })
    }

    messageHandler?.randomEvents.on('finish', finishHandler);
    return () => {
      messageHandler?.randomEvents.removeListener('progress', handler);
      messageHandler?.randomEvents.removeListener('finish', finishHandler)
    };
  }, [messageHandler, dispatch]);

  React.useEffect(() => {
    if (!currentDownload)
      return;
    if (messageHandler?.isDownloading())
      return;
    console.log('start download');
    messageHandler?.downloadItem(currentDownload);
  }, [currentDownload, messageHandler]);
  

  return progressData;
}

export default useDownloadManager;