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

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

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