Edit packages/database/migrations/20240229062232_adds_styling_column_to_product_model/data-migration.ts

apps/web/app/(app)/environments/[environmentId]/settings/lookandfeel/components/UnifiedStyling.tsx

@@ -191,49 +191,49 @@ const UnifiedStyling = ({ product }: UnifiedStylingProps) => {
     }
   }, [unifiedStyling]);
 
-  const onSave = useCallback(async () => {
-      await updateProductAction(product.id, {
-        styling: {
-          unifiedStyling,
-          allowStyleOverwrite,
-          brandColor: {
-            light: brandColor,
-            dark: brandColorDark,
-          },
-          questionColor: {
-            light: questionColor,
-            dark: questionColorDark,
-          },
-          inputColor: {
-            light: inputColor,
-            dark: inputColorDark,
-          },
-          inputBorderColor: {
-            light: inputBorderColor,
-            dark: inputBorderColorDark,
-          },
-          cardBackgroundColor: {
-            light: cardBackgroundColor,
-            dark: cardBackgroundColorDark,
-          },
-          highlightBorderColor: allowHighlightBorder
-            ? {
-                light: highlightBorderColor,
-                dark: highlightBorderColorDark,
-              }
-            : undefined,
-          isDarkModeEnabled: isDarkMode,
-          roundness,
-          cardArrangement: {
-            linkSurveys: linkSurveysCardArrangement,
-            inAppSurveys: inAppSurveysCardArrangement,
-          },
+  const onSave = async () => {
+    await updateProductAction(product.id, {
+      styling: {
+        unifiedStyling,
+        allowStyleOverwrite,
+        brandColor: {
+          light: brandColor,
+          dark: brandColorDark,
         },
-      });
-  
-      toast.success("Styling updated successfully.");
-      router.refresh();
-    }, [unifiedStyling, allowStyleOverwrite, brandColor, brandColorDark, questionColor, questionColorDark, inputColor, inputColorDark, inputBorderColor, inputBorderColorDark, cardBackgroundColor, cardBackgroundColorDark, allowHighlightBorder, highlightBorderColor, highlightBorderColorDark, isDarkMode, roundness, linkSurveysCardArrangement, inAppSurveysCardArrangement]);
+        questionColor: {
+          light: questionColor,
+          dark: questionColorDark,
+        },
+        inputColor: {
+          light: inputColor,
+          dark: inputColorDark,
+        },
+        inputBorderColor: {
+          light: inputBorderColor,
+          dark: inputBorderColorDark,
+        },
+        cardBackgroundColor: {
+          light: cardBackgroundColor,
+          dark: cardBackgroundColorDark,
+        },
+        highlightBorderColor: allowHighlightBorder
+          ? {
+              light: highlightBorderColor,
+              dark: highlightBorderColorDark,
+            }
+          : undefined,
+        isDarkModeEnabled: isDarkMode,
+        roundness,
+        cardArrangement: {
+          linkSurveys: linkSurveysCardArrangement,
+          inAppSurveys: inAppSurveysCardArrangement,
+        },
+      },
+    });
+
+    toast.success("Styling updated successfully.");
+    router.refresh();
+  };
 
   return (
     <div className="flex">

packages/database/migrations/20240229062232_adds_styling_column_to_product_model/data-migration.ts

@@ -10,9 +10,9 @@ async function main() {
     // styling object needs to be created for each product
     const products = await tx.product.findMany({});
 
-    if (!products) {
-      // something went wrong, could not find any products
-      return;
+    if (!products || products.length === 0) {
+      throw new Error('No products found');
+    }
     }
 
     if (products.length) {