From 834e0c5b0098323f0082f48d39e67afe7d511b61 Mon Sep 17 00:00:00 2001
From: beatz174-bit <beatz174@gmail.com>
Date: Mon, 24 Nov 2025 10:18:59 +1000
Subject: [PATCH] Fix pick list item controls rendering

---
 src/components/PickItemRow.tsx | 40 ++++++----------------------------
 1 file changed, 7 insertions(+), 33 deletions(-)

diff --git a/src/components/PickItemRow.tsx b/src/components/PickItemRow.tsx
index 409e3ad..3999f29 100644
--- a/src/components/PickItemRow.tsx
+++ b/src/components/PickItemRow.tsx
@@ -65,6 +65,11 @@ export const PickItemRow = ({
     }
   };
 
+  const openControls = (event: React.SyntheticEvent) => {
+    event.stopPropagation();
+    setIsControlsOpen(true);
+  };
+
   const handleCloseControls = () => {
     setIsControlsOpen(false);
   };
@@ -139,42 +144,11 @@ export const PickItemRow = ({
           )}
         </Stack>
       </Stack>
-      {isDesktop ? (
-        <Stack direction="row" spacing={0.5} alignItems="center" flexWrap="wrap" justifyContent="flex-end">
-          <IconButton
-            aria-label={`Switch to ${item.is_carton ? 'unit' : 'carton'} packaging`}
-            color={item.is_carton ? 'primary' : 'default'}
-            onClick={onToggleCarton}
-            sx={{
-              boxShadow: item.is_carton
-                ? (theme) => `0 0 0 8px ${alpha(theme.palette.primary.main, 0.15)}`
-                : 'none',
-            }}
-          >
-            <Inventory2 />
-          </IconButton>
-          <IconButton aria-label="Decrease quantity" color="primary" onClick={onDecrementQuantity}>
-            <Remove />
-          </IconButton>
-          <IconButton aria-label="Increase quantity" color="primary" onClick={onIncrementQuantity}>
-            <Add />
-          </IconButton>
-          <IconButton
-            color="error"
-            onClick={() => setIsConfirmOpen(true)}
-            aria-label="Delete item"
-            sx={{ ml: { xs: 0, sm: 1 } }}
-          >
-            <Delete />
-          </IconButton>
-        </Stack>
-      ) : (
+      {isNarrowScreen ? (
         <IconButton aria-label="Open item controls" onClick={openControls}>
           <MoreHoriz />
         </IconButton>
-      )}
-
-      {!isNarrowScreen && (
+      ) : (
         <Stack direction="row" spacing={1} alignItems="center">
           <IconButton
             aria-label={`Switch to ${item.is_carton ? 'unit' : 'carton'} packaging`}