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

@@ -122,23 +122,23 @@ const previewSurvey = {
   segment: null,
 };
 
-const StylingSettings = ({...props}) => {
-  // ... styling settings code ...
-};
-
-const SurveyPreview = ({...props}) => {
-  // ... survey preview code ...
-};
-
 const UnifiedStyling = ({ product }: UnifiedStylingProps) => {
-  // ...
-  return (
-    <div className="flex">
-      <StylingSettings {...props} />
-      <SurveyPreview {...props} />
-    </div>
+  const router = useRouter();
+  const [unifiedStyling, setUnifiedStyling] = useState(product.styling?.unifiedStyling ?? false);
+  const [allowStyleOverwrite, setAllowStyleOverwrite] = useState(
+    product.styling?.allowStyleOverwrite ?? false
   );
-};
+  const [brandColor, setBrandColor] = useState(
+    product.styling?.brandColor?.light ?? colorDefaults.brandColor
+  );
+  const [questionColor, setQuestionColor] = useState(
+    product.styling?.questionColor?.light ?? colorDefaults.questionColor
+  );
+  const [inputColor, setInputColor] = useState(
+    product.styling?.inputColor?.light ?? colorDefaults.inputColor
+  );
+  const [inputBorderColor, setInputBorderColor] = useState(
+    product.styling?.inputBorderColor?.light ?? colorDefaults.inputBorderColor
   );
   const [cardBackgroundColor, setCardBackgroundColor] = useState(
     product.styling?.cardBackgroundColor?.light ?? colorDefaults.cardBackgroundColor

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) {