beatzaplenty/stockfill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update packaging toggle icon halo

Browse Source
This commit is contained in:
beatz174-bit
2025-11-23 14:23:00 +10:00
parent 903875d8b6
commit 4e43631a4e
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PickItemRow.tsx
+8 -2
View File
@@ -1,4 +1,4 @@
import { Add, Delete, Inventory2, Remove, SwapHoriz } from '@mui/icons-material'; import { Add, Delete, Inventory2, Remove } from '@mui/icons-material';
import { import {
Button, Button,
Checkbox, Checkbox,
@@ -11,6 +11,7 @@ import {
Stack, Stack,
Typography, Typography,
} from '@mui/material'; } from '@mui/material';
import { alpha } from '@mui/material/styles';
import { useState } from 'react'; import { useState } from 'react';
import { PickItem } from '../models/PickItem'; import { PickItem } from '../models/PickItem';
import { Product } from '../models/Product'; import { Product } from '../models/Product';
@@ -78,8 +79,13 @@ export const PickItemRow = ({
aria-label={`Switch to ${item.is_carton ? 'unit' : 'carton'} packaging`} aria-label={`Switch to ${item.is_carton ? 'unit' : 'carton'} packaging`}
color={item.is_carton ? 'primary' : 'default'} color={item.is_carton ? 'primary' : 'default'}
onClick={onToggleCarton} onClick={onToggleCarton}
sx={{
boxShadow: item.is_carton
? (theme) => `0 0 0 8px ${alpha(theme.palette.primary.main, 0.15)}`
: 'none',
}}
> >
{item.is_carton ? <SwapHoriz /> : <Inventory2 />} <Inventory2 />
</IconButton> </IconButton>
<IconButton <IconButton
aria-label="Decrease quantity" aria-label="Decrease quantity"