djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix checkbox selection

Browse source
This commit is contained in:
dominik-zeglen 2019-10-07 12:02:09 +02:00
parent 13458a929b
commit 542bda9c47
1 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/products/components/ProductVariantCreateDialog/ProductVariantCreateValues.tsx
View file

@ -4,6 +4,7 @@ import makeStyles from "@material-ui/styles/makeStyles";
import React from "react";
import ControlledCheckbox from "@saleor/components/ControlledCheckbox";
import Debounce from "@saleor/components/Debounce";
import Hr from "@saleor/components/Hr";
import Skeleton from "@saleor/components/Skeleton";
import { maybe } from "@saleor/misc";
@ -46,19 +47,26 @@ const ProductVariantCreateValues: React.FC<
<Hr className={classes.hr} />
<div className={classes.valueContainer}>
{attribute.values.map(value => (
<ControlledCheckbox
checked={isSelected(
value.slug,
data.attributes.find(
dataAttribute => attribute.id === dataAttribute.id
).values,
(a, b) => a === b
<Debounce
debounceFn={() => onValueClick(attribute.id, value.slug)}
time={100}
>
{change => (
<ControlledCheckbox
checked={isSelected(
value.slug,
data.attributes.find(
dataAttribute => attribute.id === dataAttribute.id
).values,
(a, b) => a === b
)}
name={`value:${value.slug}`}
label={value.name}
onChange={change}
key={value.slug}
/>
)}
name={`value:${value.slug}`}
label={value.name}
onChange={() => onValueClick(attribute.id, value.slug)}
key={value.slug}
/>
</Debounce>
))}
</div>
</React.Fragment>