From f3ef465074ceb737d7fa4718d41c041ec196a0e5 Mon Sep 17 00:00:00 2001
From: Sherfin Shamsudeen <sherfin94@gmail.com>
Date: Wed, 17 Jul 2024 15:29:47 +0530
Subject: [PATCH] Activate component property validation in viewer as well
 (#513)

---
 .../HydrateWithResolveReferences.jsx          | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/frontend/src/Editor/Middlewares/HydrateWithResolveReferences.jsx b/frontend/src/Editor/Middlewares/HydrateWithResolveReferences.jsx
index fb6e69b8ac..94e531c2f7 100644
--- a/frontend/src/Editor/Middlewares/HydrateWithResolveReferences.jsx
+++ b/frontend/src/Editor/Middlewares/HydrateWithResolveReferences.jsx
@@ -28,19 +28,17 @@ const HydrateWithResolveReferences = ({ id, mode, component, customResolvables,
 
   const resolvedGeneralStyles = resolveGeneralStyles(component, {}, null, customResolvables);
 
-  const [validatedProperties, propertyErrors] =
-    mode === 'edit' && component.validate
-      ? validateProperties(resolvedProperties, componentMeta.properties)
-      : [resolvedProperties, []];
+  const [validatedProperties, propertyErrors] = component.validate
+    ? validateProperties(resolvedProperties, componentMeta.properties)
+    : [resolvedProperties, []];
 
   if (shouldAddBoxShadowAndVisibility.includes(component.component)) {
     validatedProperties.visibility = validatedProperties.visibility !== false ? true : false;
   }
 
-  const [validatedStyles, styleErrors] =
-    mode === 'edit' && component.validate
-      ? validateProperties(resolvedStyles, componentMeta.styles)
-      : [resolvedStyles, []];
+  const [validatedStyles, styleErrors] = component.validate
+    ? validateProperties(resolvedStyles, componentMeta.styles)
+    : [resolvedStyles, []];
 
   if (!shouldAddBoxShadowAndVisibility.includes(component.component)) {
     validatedStyles.visibility = validatedStyles.visibility !== false ? true : false;
@@ -50,10 +48,9 @@ const HydrateWithResolveReferences = ({ id, mode, component, customResolvables,
     ? validateProperties(resolvedGeneralProperties, componentMeta.general)
     : [resolvedGeneralProperties, []];
 
-  const [validatedGeneralStyles, generalStylesErrors] =
-    mode === 'edit' && component.validate
-      ? validateProperties(resolvedGeneralStyles, componentMeta.generalStyles)
-      : [resolvedGeneralStyles, []];
+  const [validatedGeneralStyles, generalStylesErrors] = component.validate
+    ? validateProperties(resolvedGeneralStyles, componentMeta.generalStyles)
+    : [resolvedGeneralStyles, []];
 
   useEffect(() => {
     const isEditorReady = useCurrentStateStore.getState().isEditorReady;