Edit apps/web/app/(app)/environments/[environmentId]/surveys/components/Modal.tsx

2026-04-19 19:21:15 -05:00 · 2024-03-04 16:40:16 +00:00
2 changed files with 9 additions and 9 deletions
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/components/Modal.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/components/Modal.tsx
@@ -58,19 +58,19 @@ export default function Modal({
    };
  };

-  const scalingClasses = calculateScaling();
-
-  useEffect(() => {
-    const handleResize = () => setWindowWidth(window.innerWidth);
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-
+  const scalingClasses = useMemo(() => calculateScaling(), [windowWidth, previewMode]);
+  
  const highlightBorderColorStyle = useMemo(() => {
    if (!highlightBorderColor)
      return {
        overflow: "auto",
      };
+  
+    return {
+      border: `2px solid ${highlightBorderColor}`,
+      overflow: "auto",
+    };
+  }, [highlightBorderColor]);

    return {
      border: `2px solid ${highlightBorderColor}`,
--- a/packages/database/migrations/20240229062232_adds_styling_column_to_product_model/migration.sql
+++ b/packages/database/migrations/20240229062232_adds_styling_column_to_product_model/migration.sql
@@ -1,2 +1,2 @@
 -- AlterTable
-ALTER TABLE "Product" ADD COLUMN "styling" JSONB;
+ALTER TABLE "Product" ADD COLUMN     "styling" JSONB DEFAULT '{"unifiedStyling":true,"allowStyleOverwrite":true,"brandColor":{"light":"#64748b"}}';