diff --git a/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx b/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx
index a0dc521d14..9294972a03 100644
--- a/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx
+++ b/packages/dashboard/src/app/routes/_authenticated/_products/components/create-product-variants-dialog.tsx
@@ -21,6 +21,7 @@ import {
createProductVariantsDocument,
} from '../products.graphql.js';
import { CreateProductVariants, VariantConfiguration } from './create-product-variants.js';
+import { toast } from 'sonner';
export function CreateProductVariantsDialog({
productId,
@@ -128,7 +129,13 @@ export function CreateProductVariantsDialog({
onSuccess?.();
} catch (error) {
console.error('Error creating variants:', error);
- // Handle error (show toast notification, etc.)
+
+ const fieldErrors = (error as any)?.fieldErrors;
+ const errorMessage =
+ fieldErrors?.[0]?.message ??
+ 'An unexpected error occurred while creating variants.';
+
+ toast.error(errorMessage);
}
}
@@ -175,8 +182,8 @@ export function CreateProductVariantsDialog({
}
>
{createOptionGroupMutation.isPending ||
- addOptionGroupToProductMutation.isPending ||
- createProductVariantsMutation.isPending ? (
+ addOptionGroupToProductMutation.isPending ||
+ createProductVariantsMutation.isPending ? (
Creating...
) : (
Create {createCount} variants