Ver Fonte

fix(dashboard): Fix checkboxes on variant creation

Michael Bromley há 4 meses atrás
pai
commit
4b698397dd

+ 4 - 8
packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx

@@ -135,6 +135,7 @@ export function CreateProductVariantsDialog({
         ({ data }: { data: VariantConfiguration }) => setVariantData(data),
         [],
     );
+    const createCount = Object.values(variantData?.variants ?? {}).filter(v => v.enabled).length;
 
     return (
         <>
@@ -168,7 +169,8 @@ export function CreateProductVariantsDialog({
                                 !variantData ||
                                 createOptionGroupMutation.isPending ||
                                 addOptionGroupToProductMutation.isPending ||
-                                createProductVariantsMutation.isPending
+                                createProductVariantsMutation.isPending ||
+                                createCount === 0
                             }
                         >
                             {createOptionGroupMutation.isPending ||
@@ -176,13 +178,7 @@ export function CreateProductVariantsDialog({
                             createProductVariantsMutation.isPending ? (
                                 <Trans>Creating...</Trans>
                             ) : (
-                                <Trans>
-                                    Create{' '}
-                                    {variantData
-                                        ? Object.values(variantData.variants).filter(v => v.enabled).length
-                                        : 0}{' '}
-                                    variants
-                                </Trans>
+                                <Trans>Create {createCount} variants</Trans>
                             )}
                         </Button>
                     </DialogFooter>

+ 1 - 0
packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants.tsx

@@ -225,6 +225,7 @@ export function CreateProductVariants({
                                                         <FormItem className="flex items-center space-x-2">
                                                             <FormControl>
                                                                 <Checkbox
+                                                                    defaultChecked={true}
                                                                     checked={field.value}
                                                                     onCheckedChange={field.onChange}
                                                                 />