From 4c0570af56be058fbadce1a48cde70edd6cdf82d Mon Sep 17 00:00:00 2001
From: beatz174-bit <beatz174@gmail.com>
Date: Sun, 23 Nov 2025 14:48:54 +1000
Subject: [PATCH] Ensure Pick Complete reveals picked items

---
 src/screens/ActivePickListScreen.tsx | 34 ++++++++++++++++++++--------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/screens/ActivePickListScreen.tsx b/src/screens/ActivePickListScreen.tsx
index f4d4c77..21f80b7 100644
--- a/src/screens/ActivePickListScreen.tsx
+++ b/src/screens/ActivePickListScreen.tsx
@@ -112,6 +112,16 @@ export const ActivePickListScreen = () => {
     await db.pickItems.delete(itemId);
   };
 
+  const handleMarkAllPicked = async () => {
+    setShowPicked(true);
+    const timestamp = Date.now();
+    await Promise.all(
+      items.map((item) =>
+        db.pickItems.update(item.id, { status: 'picked', updated_at: timestamp }),
+      ),
+    );
+  };
+
   const addOrUpdateItem = async (product: Product) => {
     if (!id) return;
 
@@ -221,16 +231,20 @@ export const ActivePickListScreen = () => {
                 <FormControlLabel value="cartons" control={<Radio />} label="Cartons" />
                 <FormControlLabel value="units" control={<Radio />} label="Units" />
               </RadioGroup>
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    checked={showPicked}
-                    onChange={(event) => setShowPicked(event.target.checked)}
-                  />
-                }
-                label="Show picked"
-                sx={{ ml: { xs: 0, sm: 2 } }}
-              />
+              <Stack direction="row" spacing={1} alignItems="center" sx={{ ml: { xs: 0, sm: 2 } }}>
+                <FormControlLabel
+                  control={
+                    <Checkbox
+                      checked={showPicked}
+                      onChange={(event) => setShowPicked(event.target.checked)}
+                    />
+                  }
+                  label="Show picked"
+                />
+                <Button variant="contained" size="small" onClick={handleMarkAllPicked}>
+                  Pick Complete
+                </Button>
+              </Stack>
             </Stack>
           </FormControl>
         </Stack>