generate pdf, organize pages

mobile/hooks/useBatchStore.ts

@@ -48,6 +48,17 @@ export function useBatchStore() {
     setBatchIds((batchIds ?? []).filter((id) => id !== batchId));
   }, [batchIds, setBatchIds]);
 
+  const removePhotoFromBatch = useCallback((batchId: string, photoId: string) => {
+    const batch = getBatch(batchId);
+    if (!batch) return;
+    batch.photos = batch.photos.filter((p) => p.id !== photoId);
+    if (batch.photos.length === 0) {
+      deleteBatch(batchId);
+    } else {
+      storage.set(`batch_${batchId}`, JSON.stringify(batch));
+    }
+  }, [getBatch, deleteBatch]);
+
   return {
     saveBatch,
     getBatch,
@@ -55,5 +66,6 @@ export function useBatchStore() {
     addTagToBatch,
     removeTagFromBatch,
     deleteBatch,
+    removePhotoFromBatch,
   };
 }

mobile/hooks/usePdfGeneration.ts

@@ -1,22 +1,21 @@
 import { useState, useCallback } from 'react';
 import * as Print from 'expo-print';
-import * as FileSystem from 'expo-file-system';
-import { CapturedPhoto } from '../types';
 
 export function usePdfGeneration() {
   const [generating, setGenerating] = useState(false);
+  const [progress, setProgress] = useState(0);
 
-  const generatePdf = useCallback(async (photos: CapturedPhoto[]): Promise<string | null> => {
-    if (photos.length === 0) return null;
+  const generatePdf = useCallback(async (items: { uri: string }[], progressCb?: (pct: number) => void): Promise<string | null> => {
+    if (items.length === 0) return null;
 
     setGenerating(true);
+    setProgress(0);
+    progressCb?.(0);
 
     try {
-      const imagesHtml = photos.map((p) => {
-        const ext = p.filePath.split('.').pop()?.toLowerCase() || 'jpeg';
-        const mime = ext === 'png' ? 'image/png' : 'image/jpeg';
+      const imagesHtml = items.map((item) => {
         return `<div style="page-break-after: always; display: flex; justify-content: center; align-items: center; height: 100vh;">
-          <img src="${p.uri}" style="max-width: 100%; max-height: 100vh; object-fit: contain;" />
+          <img src="${item.uri}" style="max-width: 100%; max-height: 100vh; object-fit: contain;" />
         </div>`;
       }).join('');
 
@@ -37,6 +36,8 @@ export function usePdfGeneration() {
 </html>`;
 
       const { uri } = await Print.printToFileAsync({ html });
+      setProgress(100);
+      progressCb?.(100);
       return uri;
     } catch (err) {
       console.error('PDF generation failed:', err);
@@ -49,5 +50,6 @@ export function usePdfGeneration() {
   return {
     generatePdf,
     generating,
+    progress,
   };
 }