From ddfe09b570975680d5e99c7329a6cc5496e2876e Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 27 Sep 2025 14:44:43 +0530
Subject: [PATCH] =?UTF-8?q?Tenant=20Creation=20=E2=80=93=20Logo=20removed?=
 =?UTF-8?q?=20when=20navigating=20back=20from=20second=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tenant/LogoUpload.jsx       | 16 ++++++++++------
 src/components/Tenant/OrganizationInfo.jsx |  9 ++++++++-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/Tenant/LogoUpload.jsx b/src/components/Tenant/LogoUpload.jsx
index aa6fbc12..9da2f998 100644
--- a/src/components/Tenant/LogoUpload.jsx
+++ b/src/components/Tenant/LogoUpload.jsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
 const toBase64 = (file) =>
@@ -10,11 +10,15 @@ const toBase64 = (file) =>
   });
 
 export const LogoUpload = ({ preview, setPreview, fileName, setFileName }) => {
-  const {
-    register,
-    setValue,
-    formState: { errors },
-  } = useFormContext();
+  const { register, setValue, watch, formState: { errors } } = useFormContext();
+  const logoImage = watch("logoImage");
+
+  // Sync preview when the form value changes
+  useEffect(() => {
+    if (logoImage && !preview) {
+      setPreview(logoImage); // Use base64 as preview
+    }
+  }, [logoImage, preview, setPreview]);
 
   const handleUpload = async (e) => {
     const file = e.target.files?.[0];
diff --git a/src/components/Tenant/OrganizationInfo.jsx b/src/components/Tenant/OrganizationInfo.jsx
index b12c55b2..1e166423 100644
--- a/src/components/Tenant/OrganizationInfo.jsx
+++ b/src/components/Tenant/OrganizationInfo.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import Label from "../common/Label";
 import DatePicker from "../common/DatePicker";
@@ -57,6 +57,13 @@ const OrganizationInfo = ({ onNext, onPrev, onSubmitTenant }) => {
     }
   };
 
+  useEffect(() => {
+  const logoImage = getValues("logoImage"); 
+  if (logoImage) {
+    setLogoPreview(logoImage); 
+    setLogoName("Uploaded Logo"); 
+  }
+}, [getValues]);
 
 
   return (