background fetch

mobile/hooks/useUploadQueue.ts

@@ -0,0 +1,17 @@
+import { useSyncExternalStore } from 'react';
+import { uploadQueue, UploadFile } from '../services/uploadQueue';
+
+export function useUploadQueue() {
+  const tasks = useSyncExternalStore(
+    uploadQueue.subscribe.bind(uploadQueue),
+    uploadQueue.getTasks.bind(uploadQueue),
+  );
+
+  return {
+    tasks,
+    enqueue: (files: UploadFile[]) => uploadQueue.enqueue(files),
+    cancel: (id: string) => uploadQueue.cancel(id),
+    retry: (id: string) => uploadQueue.retry(id),
+    retryAll: () => uploadQueue.retryAll(),
+  };
+}