⤵️ Downloads page scaffold

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;