From 19dbd69fd5a7ea56c1527c7e71e2207d78dc2ef2 Mon Sep 17 00:00:00 2001
From: Radiquum <kentai.waah@gmail.com>
Date: Sat, 22 Mar 2025 00:40:55 +0500
Subject: [PATCH] fix: request to get user setting if no token exists

---
 app/components/Profile/Profile.EditModal.tsx | 92 +++++++++++---------
 1 file changed, 52 insertions(+), 40 deletions(-)

diff --git a/app/components/Profile/Profile.EditModal.tsx b/app/components/Profile/Profile.EditModal.tsx
index 73c7257..897f3a7 100644
--- a/app/components/Profile/Profile.EditModal.tsx
+++ b/app/components/Profile/Profile.EditModal.tsx
@@ -62,6 +62,10 @@ export const ProfileEditModal = (props: {
   };
 
   function useFetchInfo(url: string) {
+    if (!props.token) {
+      url = "";
+    }
+
     const { data, isLoading, error } = useSWR(url, useSWRfetcher);
     return [data, isLoading, error];
   }
@@ -184,6 +188,10 @@ export const ProfileEditModal = (props: {
     }
   }, [avatarModalProps.croppedImage]);
 
+  if (!prefData || !loginData || prefError || loginError) {
+    return <></>;
+  }
+
   return (
     <>
       <Modal
@@ -381,46 +389,50 @@ export const ProfileEditModal = (props: {
           }
         </Modal.Body>
       </Modal>
-      <ProfileEditPrivacyModal
-        isOpen={privacyModalOpen}
-        setIsOpen={setPrivacyModalOpen}
-        token={props.token}
-        setting={privacyModalSetting}
-        privacySettings={privacySettings}
-        setPrivacySettings={setPrivacySettings}
-      />
-      <ProfileEditStatusModal
-        isOpen={statusModalOpen}
-        setIsOpen={setStatusModalOpen}
-        token={props.token}
-        status={status}
-        setStatus={setStatus}
-        profile_id={props.profile_id}
-      />
-      <ProfileEditSocialModal
-        isOpen={socialModalOpen}
-        setIsOpen={setSocialModalOpen}
-        token={props.token}
-        profile_id={props.profile_id}
-      />
-      <CropModal
-        {...avatarModalProps}
-        cropParams={{
-          aspectRatio: 1 / 1,
-          forceAspect: true,
-          guides: true,
-          width: 600,
-          height: 600,
-        }}
-        setCropModalProps={setAvatarModalProps}
-      />
-      <ProfileEditLoginModal
-        isOpen={loginModalOpen}
-        setIsOpen={setLoginModalOpen}
-        token={props.token}
-        setLogin={setLogin}
-        profile_id={props.profile_id}
-      />
+      {props.token ?
+        <>
+          <ProfileEditPrivacyModal
+            isOpen={privacyModalOpen}
+            setIsOpen={setPrivacyModalOpen}
+            token={props.token}
+            setting={privacyModalSetting}
+            privacySettings={privacySettings}
+            setPrivacySettings={setPrivacySettings}
+          />
+          <ProfileEditStatusModal
+            isOpen={statusModalOpen}
+            setIsOpen={setStatusModalOpen}
+            token={props.token}
+            status={status}
+            setStatus={setStatus}
+            profile_id={props.profile_id}
+          />
+          <ProfileEditSocialModal
+            isOpen={socialModalOpen}
+            setIsOpen={setSocialModalOpen}
+            token={props.token}
+            profile_id={props.profile_id}
+          />
+          <CropModal
+            {...avatarModalProps}
+            cropParams={{
+              aspectRatio: 1 / 1,
+              forceAspect: true,
+              guides: true,
+              width: 600,
+              height: 600,
+            }}
+            setCropModalProps={setAvatarModalProps}
+          />
+          <ProfileEditLoginModal
+            isOpen={loginModalOpen}
+            setIsOpen={setLoginModalOpen}
+            token={props.token}
+            setLogin={setLogin}
+            profile_id={props.profile_id}
+          />
+        </>
+      : ""}
     </>
   );
 };