crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-30 18:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better support for swatches

Browse Source
This commit is contained in:
okbel 2021-05-28 09:16:50 -03:00
parent f06fe25625
commit b03c0df369
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
commerce.config.json
View File

@ -1,6 +1,5 @@
{ {
"features": { "features": {
"wishlist": true, "wishlist": true
"customCheckout": false
} }
} }

4
components/product/Swatch/Swatch.module.css
View File

@ -31,3 +31,7 @@
@apply border-accents-9 border-2; @apply border-accents-9 border-2;
} }
} }
.wrapper {
@apply w-auto px-4;
}

6
components/product/Swatch/Swatch.tsx
View File

@ -37,7 +37,9 @@ const Swatch: FC<Omit<ButtonProps, 'variant'> & Props> = ({
return ( return (
<Button <Button
className={rootClassName} className={cn(rootClassName, {
[s.wrapper]: !color,
})}
style={color ? { backgroundColor: color } : {}} style={color ? { backgroundColor: color } : {}}
aria-label="Variant Swatch" aria-label="Variant Swatch"
{...props} {...props}
@ -47,7 +49,7 @@ const Swatch: FC<Omit<ButtonProps, 'variant'> & Props> = ({
<Check /> <Check />
</span> </span>
)} )}
{variant === 'size' ? label : null} {variant !== 'color' ? label : null}
</Button> </Button>
) )
} }