⤵️ Downloads page scaffold

src/client/actions/airdcpp.actions.tsx

@@ -1,4 +1,3 @@
-import SocketService from "../services/DcppSearchService";
 import {
   SearchQuery,
   SearchInstance,
@@ -136,22 +135,7 @@ export const downloadAirDCPPItem =
         const downloadResult = await ADCPPSocket.post(
           `search/${instanceId}/results/${resultId}/download`,
         );
-      let downloadStatus = undefined;
-      let count = 0;
-      // download status check
-      await ADCPPSocket.addListener(`queue`, "queue_file_status", (status) => {
-        if (status.status.completed) {
-          downloadStatus = status;
-          if (count === 0) {
-            dispatch({
-              type: LS_SINGLE_IMPORT,
-              meta: { remote: true },
-              data: { downloadStatus, comicObjectId, comicObject },
-            });
-          }
-          count += 1;
-        }
-      });
+
 
         let bundleId;
         let directoryIds;
@@ -242,10 +226,20 @@ export const getTransfers =
       }
       const bundles = await ADCPPSocket.get("queue/bundles/1/50", {});
       if (!isNil(bundles)) {
+        
         dispatch({
           type: AIRDCPP_TRANSFERS_FETCHED,
           bundles,
         });
+        const bundleIds = bundles.map((bundle) => bundle.id);
+        console.log(bundleIds);
+        // get issues with matching bundleIds
+        const issues = await axios({
+          url: `${LIBRARY_SERVICE_BASE_URI}/groupIssuesByBundles`,
+          method: "POST",
+          data: bundleIds,
+        });
+
       }
     } catch (err) {
       throw err;

src/client/components/App.tsx

@@ -51,12 +51,23 @@ const AirDCPPSocketComponent = (): ReactElement => {
             });
           },
         );
+        // download complete listener
+        await airDCPPConfiguration.airDCPPState.socket.addListener(
+          `transfers`,
+          "transfer_completed",
+          async (transferData) => {
+            console.log(transferData)
+          },
+        );
         console.log(
           "[AirDCPP]: Listener registered - listening to queue bundle download ticks",
         );
         console.log(
           "[AirDCPP]: Listener registered - listening to queue bundle changes",
         );
+        console.log(
+          "[AirDCPP]: Listener registered - listening to transfer completion",
+        );
       }
     };
     foo();

src/client/components/Downloads/Downloads.tsx

@@ -16,7 +16,7 @@ export const Downloads = (props: IDownloadsProps): ReactElement => {
   } = airDCPPConfiguration;
   const dispatch = useDispatch();
 
-  const AirDCPPTransfers = useSelector(
+  const airDCPPTransfers = useSelector(
     (state: RootState) => state.airdcpp.transfers,
   );
   useEffect(() => {
@@ -46,8 +46,10 @@ export const Downloads = (props: IDownloadsProps): ReactElement => {
       );
     }
   }, [socket]);
+
+ 
   //   const getAllDownloads = useCallback(() => {});
-  return <pre>{JSON.stringify(AirDCPPTransfers, null, 2)}</pre>;
+  return <pre>{JSON.stringify(airDCPPTransfers, null, 2)}</pre>;
 };
 
 export default Downloads;

src/client/stories/MetadataPanel.stories.tsx

@@ -16,8 +16,8 @@ export default {
 //👇 We create a “template” of how args map to rendering
 const Template = (args) => <MetadataPanel {...args} />;
 //👇 Each story then reuses that template
-export const ComicVine = Template.bind({});
-ComicVine.args = {
+export const RawFileDetails = Template.bind({});
+RawFileDetails.args = {
     data: {
         "_id": { "$oid": "62bb40c82089f1ea67997e0d" },
         "__v": 0,