From bc9c1fe46367646056e99cc2610cb33c231428df Mon Sep 17 00:00:00 2001
From: corlard3y <corlardey@gmail.com>
Date: Wed, 10 Jul 2024 09:58:30 +0100
Subject: [PATCH 1/3] add reject modal icon

---
 .../chat/unlockProfile/UnlockProfile.tsx      |  4 +-
 .../unlockProfile/UnlockProfileWrapper.tsx    |  6 +-
 src/modules/rewards/Rewards.tsx               |  4 +-
 .../components/ActivityVerificationButton.tsx | 63 ++++++++-----------
 .../components/RewardsActivitiesList.tsx      |  1 +
 src/modules/rewards/hooks/useRewardsAuth.tsx  | 12 ++++
 .../rewards/hooks/useWithAuthButton.tsx       | 12 +++-
 7 files changed, 58 insertions(+), 44 deletions(-)

diff --git a/src/components/chat/unlockProfile/UnlockProfile.tsx b/src/components/chat/unlockProfile/UnlockProfile.tsx
index ef8d3dd221..5bf92b13a6 100644
--- a/src/components/chat/unlockProfile/UnlockProfile.tsx
+++ b/src/components/chat/unlockProfile/UnlockProfile.tsx
@@ -112,8 +112,8 @@ const UnlockProfile = ({ InnerComponentProps, onClose }: UnlockProfileModalProps
           <HoverableSVG
             icon={
               <CrossFilled
-                size={24}
-                color="pink-700"
+                size={30}
+                color="gray-400"
                 onClick={onClose}
               />
             }
diff --git a/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx b/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
index b94e61741e..4d5abc0b7c 100644
--- a/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
+++ b/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
@@ -13,7 +13,7 @@ interface IntroContainerProps {
   type?: UNLOCK_PROFILE_TYPE;
   showConnectModal?: boolean;
   description?: string;
-  onClose?: () => void;
+  handleClose?: () => void;
   closeIcon?: boolean;
 }
 
@@ -25,7 +25,7 @@ const UnlockProfileWrapper = ({
   type = DEFAULT_PROPS.type,
   showConnectModal,
   description,
-  onClose,
+  handleClose,
   closeIcon,
 }: IntroContainerProps) => {
   const {
@@ -38,7 +38,7 @@ const UnlockProfileWrapper = ({
     if (type === UNLOCK_PROFILE_TYPE.MODAL && showConnectModal) {
       showProfileModal();
     }
-  }, [type]);
+  }, [type, showConnectModal]);
 
   if (type === UNLOCK_PROFILE_TYPE.MODAL) {
     return (
diff --git a/src/modules/rewards/Rewards.tsx b/src/modules/rewards/Rewards.tsx
index 39a0090fbc..eba782dbab 100644
--- a/src/modules/rewards/Rewards.tsx
+++ b/src/modules/rewards/Rewards.tsx
@@ -49,7 +49,7 @@ const Rewards: FC<RewardsProps> = () => {
 
   const { activeTab, handleSetActiveTab } = useRewardsTabs();
 
-  const { showConnectModal, setShowConnectModal, status, connectUserWallet } = useRewardsAuth();
+  const { showConnectModal, setShowConnectModal, status, connectUserWallet, toggleModalOff } = useRewardsAuth();
 
   useCreateRewardsUser();
 
@@ -115,6 +115,8 @@ const Rewards: FC<RewardsProps> = () => {
           <UnlockProfileWrapper
             type={UNLOCK_PROFILE_TYPE.MODAL}
             showConnectModal={showConnectModal}
+            handleClose={() => toggleModalOff()}
+            closeIcon={true}
             description="Unlock your profile to proceed."
           />
         </Box>
diff --git a/src/modules/rewards/components/ActivityVerificationButton.tsx b/src/modules/rewards/components/ActivityVerificationButton.tsx
index 5e8829e57d..6b70a86b99 100644
--- a/src/modules/rewards/components/ActivityVerificationButton.tsx
+++ b/src/modules/rewards/components/ActivityVerificationButton.tsx
@@ -18,7 +18,6 @@ import { UserStoreType } from 'types';
 // components
 import { Box, Button } from 'blocks';
 import UnlockProfileWrapper, { UNLOCK_PROFILE_TYPE } from 'components/chat/unlockProfile/UnlockProfileWrapper';
-import { useRewardsAuth } from '../hooks/useRewardsAuth';
 
 type ActivityVerificationButtonProps = {
   userId: string;
@@ -38,8 +37,6 @@ export const ActivityVerificationButton = ({
   const { isWalletConnected } = useAccount();
   const { userPushSDKInstance } = useSelector((state: UserStoreType) => state.user);
 
-  // const { setShowConnectModal } = useRewardsAuth();
-
   const { handleTwitterVerification } = useVerifyTwitter({
     activityTypeId,
     refetchActivity,
@@ -70,42 +67,10 @@ export const ActivityVerificationButton = ({
     }
   }, [activityType, userPushSDKInstance]);
 
-  const { isAuthenticated, authButton, showConnectModal, setShowConnectModal } = useAuthWithButton({
+  const { isAuthenticated, authButton, showConnectModal, toggleModalOff } = useAuthWithButton({
     onSuccess: (userDetails) => activityData?.action(userDetails?.userId),
   });
 
-  const handleCloseModal = () => {
-    setShowConnectModal(false);
-  };
-
-  console.log('Modal closed');
-  console.log('isAuthenticated:', isAuthenticated);
-  console.log('isWalletConnected:', isWalletConnected);
-  console.log('showConnectModal:', showConnectModal);
-
-  if (userPushSDKInstance && userPushSDKInstance?.readmode() && showConnectModal) {
-    return (
-      <Box
-        display="flex"
-        justifyContent="center"
-        width="-webkit-fill-available"
-        height="-webkit-fill-available"
-        alignItems="center"
-        css={css`
-          z-index: 99999;
-        `}
-      >
-        <UnlockProfileWrapper
-          type={UNLOCK_PROFILE_TYPE.MODAL}
-          showConnectModal={showConnectModal}
-          // onClose={handleCloseModal}
-          // closeIcon={true}
-          description="Unlock your profile to proceed."
-        />
-      </Box>
-    );
-  }
-
   if (isAuthenticated && isWalletConnected && !userPushSDKInstance?.readmode()) {
     return (
       <Button
@@ -118,5 +83,29 @@ export const ActivityVerificationButton = ({
     );
   }
 
-  return authButton;
+  return (
+    <Box>
+      {userPushSDKInstance && userPushSDKInstance?.readmode() && showConnectModal && (
+        <Box
+          display="flex"
+          justifyContent="center"
+          width="-webkit-fill-available"
+          height="-webkit-fill-available"
+          alignItems="center"
+          css={css`
+            z-index: 99999;
+          `}
+        >
+          <UnlockProfileWrapper
+            type={UNLOCK_PROFILE_TYPE.MODAL}
+            showConnectModal={showConnectModal}
+            handleClose={() => toggleModalOff()}
+            closeIcon={true}
+            description="Unlock your profile to proceed."
+          />
+        </Box>
+      )}
+      {authButton}
+    </Box>
+  );
 };
diff --git a/src/modules/rewards/components/RewardsActivitiesList.tsx b/src/modules/rewards/components/RewardsActivitiesList.tsx
index eb4dd89c7e..46feeff774 100644
--- a/src/modules/rewards/components/RewardsActivitiesList.tsx
+++ b/src/modules/rewards/components/RewardsActivitiesList.tsx
@@ -64,6 +64,7 @@ const RewardsActivitiesList: FC<RewardActivitiesProps> = () => {
       >
         {activityList.map((activity: Activity) => (
           <RewardsActivitiesListItem
+            key={activity.activityType}
             userId={userDetails?.userId || ''}
             activity={activity}
             isLoadingItem={isLoading}
diff --git a/src/modules/rewards/hooks/useRewardsAuth.tsx b/src/modules/rewards/hooks/useRewardsAuth.tsx
index 50fb21ef80..b5908fe28c 100644
--- a/src/modules/rewards/hooks/useRewardsAuth.tsx
+++ b/src/modules/rewards/hooks/useRewardsAuth.tsx
@@ -44,6 +44,7 @@ const useRewardsAuth = () => {
   const connectWallet = () => {
     setHandleVerify(false);
     setIsVerifyClicked(true);
+    setShowConnectModal(false);
 
     if (!isWalletConnected) {
       connect();
@@ -52,9 +53,18 @@ const useRewardsAuth = () => {
 
   // dashboard referral section unlock profile
   const connectUserWallet = () => {
+    setShowConnectModal(false);
     setIsDashClicked(true);
   };
 
+  const toggleModalOn = () => {
+    setShowConnectModal(true);
+  };
+
+  const toggleModalOff = () => {
+    setShowConnectModal(false);
+  };
+
   // unlock profile function
   const unlockProfile = async () => {
     // get ref, send with user wallet. if ref is null, send only user wallet
@@ -125,6 +135,8 @@ const useRewardsAuth = () => {
     isVerifyClicked,
     connectUserWallet,
     isDashClicked,
+    toggleModalOff,
+    toggleModalOn,
   };
 };
 
diff --git a/src/modules/rewards/hooks/useWithAuthButton.tsx b/src/modules/rewards/hooks/useWithAuthButton.tsx
index a3d78084d7..76f4632379 100644
--- a/src/modules/rewards/hooks/useWithAuthButton.tsx
+++ b/src/modules/rewards/hooks/useWithAuthButton.tsx
@@ -23,7 +23,15 @@ export const useAuthWithButton = ({ onSuccess }: { onSuccess: (userDetails: User
   const { isWalletConnected } = useAccount();
   const { userPushSDKInstance } = useSelector((state: UserStoreType) => state.user);
 
-  const { showConnectModal, setShowConnectModal, connectWallet, handleVerify, userDetails } = useRewardsAuth();
+  const {
+    showConnectModal,
+    setShowConnectModal,
+    connectWallet,
+    handleVerify,
+    userDetails,
+    toggleModalOff,
+    toggleModalOn,
+  } = useRewardsAuth();
   const { isSuccess, isUserProfileUnlocked } = useCreateRewardsUser();
 
   const showAuthModal = async () => {
@@ -76,5 +84,7 @@ export const useAuthWithButton = ({ onSuccess }: { onSuccess: (userDetails: User
     isAuthenticated: isWalletConnectedAndProfileUnlocked,
     showConnectModal: showConnectModal,
     setShowConnectModal: setShowConnectModal,
+    toggleModalOff: toggleModalOff,
+    toggleModalOn: toggleModalOn,
   };
 };

From 93a3face79d0c8f07c5d2d6d58dbd42d733a8cad Mon Sep 17 00:00:00 2001
From: corlard3y <corlardey@gmail.com>
Date: Wed, 10 Jul 2024 10:22:47 +0100
Subject: [PATCH 2/3] fix review comments

---
 .../chat/unlockProfile/UnlockProfile.tsx      |  3 +--
 .../unlockProfile/UnlockProfileWrapper.tsx    | 10 +++----
 src/modules/rewards/Rewards.tsx               | 15 +++++------
 .../components/ActivityVerificationButton.tsx |  9 +++----
 src/modules/rewards/hooks/useRewardsAuth.tsx  | 26 +++++++++----------
 .../rewards/hooks/useWithAuthButton.tsx       | 22 +++++-----------
 6 files changed, 34 insertions(+), 51 deletions(-)

diff --git a/src/components/chat/unlockProfile/UnlockProfile.tsx b/src/components/chat/unlockProfile/UnlockProfile.tsx
index 5bf92b13a6..e4969365ee 100644
--- a/src/components/chat/unlockProfile/UnlockProfile.tsx
+++ b/src/components/chat/unlockProfile/UnlockProfile.tsx
@@ -44,7 +44,6 @@ type UnlockProfileModalProps = {
   InnerComponentProps: {
     type: UNLOCK_PROFILE_TYPE | undefined;
     description?: string;
-    closeIcon?: boolean;
   };
   onClose?: () => void;
 };
@@ -101,7 +100,7 @@ const UnlockProfile = ({ InnerComponentProps, onClose }: UnlockProfileModalProps
 
   return (
     <Container type={type}>
-      {closeIcon && (
+      {onClose && (
         <Box
           width="-webkit-fill-available"
           display="flex"
diff --git a/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx b/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
index 4d5abc0b7c..fe33fdde4c 100644
--- a/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
+++ b/src/components/chat/unlockProfile/UnlockProfileWrapper.tsx
@@ -13,8 +13,7 @@ interface IntroContainerProps {
   type?: UNLOCK_PROFILE_TYPE;
   showConnectModal?: boolean;
   description?: string;
-  handleClose?: () => void;
-  closeIcon?: boolean;
+  onClose?: () => void;
 }
 
 const DEFAULT_PROPS = {
@@ -25,8 +24,7 @@ const UnlockProfileWrapper = ({
   type = DEFAULT_PROPS.type,
   showConnectModal,
   description,
-  handleClose,
-  closeIcon,
+  onClose,
 }: IntroContainerProps) => {
   const {
     isModalOpen: isProfileModalOpen,
@@ -47,9 +45,7 @@ const UnlockProfileWrapper = ({
         InnerComponentProps={{
           type,
           description,
-          closeIcon,
         }}
-        closeIcon={closeIcon}
         modalRadius="24px"
         modalBorder={false}
         modalPosition={MODAL_POSITION.ON_PARENT}
@@ -59,7 +55,7 @@ const UnlockProfileWrapper = ({
     return (
       <Container className={type}>
         <UnlockProfile
-          InnerComponentProps={{ type, description, closeIcon }}
+          InnerComponentProps={{ type, description }}
           onClose={onClose}
         />
       </Container>
diff --git a/src/modules/rewards/Rewards.tsx b/src/modules/rewards/Rewards.tsx
index eba782dbab..f6d55c602e 100644
--- a/src/modules/rewards/Rewards.tsx
+++ b/src/modules/rewards/Rewards.tsx
@@ -49,18 +49,18 @@ const Rewards: FC<RewardsProps> = () => {
 
   const { activeTab, handleSetActiveTab } = useRewardsTabs();
 
-  const { showConnectModal, setShowConnectModal, status, connectUserWallet, toggleModalOff } = useRewardsAuth();
+  const { isAuthModalVisible, setIsAuthModalVisible, status, connectUserWallet, hideAuthModal } = useRewardsAuth();
 
   useCreateRewardsUser();
 
   const heading = activeTab === 'leaderboard' ? 'Push Reward Points' : 'Introducing Push Reward Points Program';
 
   useEffect(() => {
-    if (isErrorPresent && showConnectModal && status === 'error' && errorExists && activeTab === 'dashboard') {
+    if (isErrorPresent && isAuthModalVisible && status === 'error' && errorExists && activeTab === 'dashboard') {
       setHasError(isErrorPresent);
-      setShowConnectModal(false);
+      setIsAuthModalVisible(false);
     }
-  }, [isErrorPresent, showConnectModal, errorExists]);
+  }, [isErrorPresent, isAuthModalVisible, errorExists]);
 
   // retry unlock profile
   const handleUnlockProfile = () => {
@@ -102,7 +102,7 @@ const Rewards: FC<RewardsProps> = () => {
         {activeTab === 'dashboard' && <ReferralSection handleUnlockProfile={handleUnlockProfile} />}
       </Box>
 
-      {userPushSDKInstance && userPushSDKInstance?.readmode() && showConnectModal && (
+      {userPushSDKInstance && userPushSDKInstance?.readmode() && isAuthModalVisible && (
         <Box
           display="flex"
           justifyContent="center"
@@ -114,9 +114,8 @@ const Rewards: FC<RewardsProps> = () => {
         >
           <UnlockProfileWrapper
             type={UNLOCK_PROFILE_TYPE.MODAL}
-            showConnectModal={showConnectModal}
-            handleClose={() => toggleModalOff()}
-            closeIcon={true}
+            showConnectModal={isAuthModalVisible}
+            onClose={() => hideAuthModal()}
             description="Unlock your profile to proceed."
           />
         </Box>
diff --git a/src/modules/rewards/components/ActivityVerificationButton.tsx b/src/modules/rewards/components/ActivityVerificationButton.tsx
index 6b70a86b99..611f45319f 100644
--- a/src/modules/rewards/components/ActivityVerificationButton.tsx
+++ b/src/modules/rewards/components/ActivityVerificationButton.tsx
@@ -67,7 +67,7 @@ export const ActivityVerificationButton = ({
     }
   }, [activityType, userPushSDKInstance]);
 
-  const { isAuthenticated, authButton, showConnectModal, toggleModalOff } = useAuthWithButton({
+  const { isAuthenticated, authButton, isAuthModalVisible, hideAuthModal } = useAuthWithButton({
     onSuccess: (userDetails) => activityData?.action(userDetails?.userId),
   });
 
@@ -85,7 +85,7 @@ export const ActivityVerificationButton = ({
 
   return (
     <Box>
-      {userPushSDKInstance && userPushSDKInstance?.readmode() && showConnectModal && (
+      {userPushSDKInstance && userPushSDKInstance?.readmode() && isAuthModalVisible && (
         <Box
           display="flex"
           justifyContent="center"
@@ -98,9 +98,8 @@ export const ActivityVerificationButton = ({
         >
           <UnlockProfileWrapper
             type={UNLOCK_PROFILE_TYPE.MODAL}
-            showConnectModal={showConnectModal}
-            handleClose={() => toggleModalOff()}
-            closeIcon={true}
+            showConnectModal={isAuthModalVisible}
+            onClose={() => hideAuthModal()}
             description="Unlock your profile to proceed."
           />
         </Box>
diff --git a/src/modules/rewards/hooks/useRewardsAuth.tsx b/src/modules/rewards/hooks/useRewardsAuth.tsx
index b5908fe28c..ab60df62b8 100644
--- a/src/modules/rewards/hooks/useRewardsAuth.tsx
+++ b/src/modules/rewards/hooks/useRewardsAuth.tsx
@@ -22,7 +22,7 @@ const useRewardsAuth = () => {
   const caip10WalletAddress = walletToCAIP10({ account });
   const { userPushSDKInstance } = useSelector((state: UserStoreType) => state.user);
 
-  const [showConnectModal, setShowConnectModal] = useState(false);
+  const [isAuthModalVisible, setIsAuthModalVisible] = useState(false);
 
   const [isVerifyClicked, setIsVerifyClicked] = useState(false);
   const [isDashClicked, setIsDashClicked] = useState(false);
@@ -44,7 +44,7 @@ const useRewardsAuth = () => {
   const connectWallet = () => {
     setHandleVerify(false);
     setIsVerifyClicked(true);
-    setShowConnectModal(false);
+    setIsAuthModalVisible(false);
 
     if (!isWalletConnected) {
       connect();
@@ -53,16 +53,16 @@ const useRewardsAuth = () => {
 
   // dashboard referral section unlock profile
   const connectUserWallet = () => {
-    setShowConnectModal(false);
+    setIsAuthModalVisible(false);
     setIsDashClicked(true);
   };
 
-  const toggleModalOn = () => {
-    setShowConnectModal(true);
+  const showAuthModal = () => {
+    setIsAuthModalVisible(true);
   };
 
-  const toggleModalOff = () => {
-    setShowConnectModal(false);
+  const hideAuthModal = () => {
+    setIsAuthModalVisible(false);
   };
 
   // unlock profile function
@@ -80,7 +80,7 @@ const useRewardsAuth = () => {
     //if verification proof is null, unlock push profile update to update userPUSHSDKInstance
     if (verificationProof === null || verificationProof === undefined) {
       if (userPushSDKInstance && userPushSDKInstance.readmode()) {
-        setShowConnectModal(true);
+        setIsAuthModalVisible(true);
       }
     }
 
@@ -102,7 +102,7 @@ const useRewardsAuth = () => {
 
     // user disconnects while modal is open
     if (status === 'pending' && !isWalletConnected) {
-      setShowConnectModal(false);
+      setIsAuthModalVisible(false);
     }
 
     // rewards activity first user
@@ -127,16 +127,16 @@ const useRewardsAuth = () => {
     caip10WalletAddress,
     status,
     unlockProfile,
-    showConnectModal,
-    setShowConnectModal,
+    isAuthModalVisible,
+    setIsAuthModalVisible,
     connectWallet,
     handleVerify,
     userDetails,
     isVerifyClicked,
     connectUserWallet,
     isDashClicked,
-    toggleModalOff,
-    toggleModalOn,
+    hideAuthModal,
+    showAuthModal,
   };
 };
 
diff --git a/src/modules/rewards/hooks/useWithAuthButton.tsx b/src/modules/rewards/hooks/useWithAuthButton.tsx
index 76f4632379..2eedb9470d 100644
--- a/src/modules/rewards/hooks/useWithAuthButton.tsx
+++ b/src/modules/rewards/hooks/useWithAuthButton.tsx
@@ -23,18 +23,10 @@ export const useAuthWithButton = ({ onSuccess }: { onSuccess: (userDetails: User
   const { isWalletConnected } = useAccount();
   const { userPushSDKInstance } = useSelector((state: UserStoreType) => state.user);
 
-  const {
-    showConnectModal,
-    setShowConnectModal,
-    connectWallet,
-    handleVerify,
-    userDetails,
-    toggleModalOff,
-    toggleModalOn,
-  } = useRewardsAuth();
+  const { isAuthModalVisible, connectWallet, handleVerify, userDetails, hideAuthModal } = useRewardsAuth();
   const { isSuccess, isUserProfileUnlocked } = useCreateRewardsUser();
 
-  const showAuthModal = async () => {
+  const handleAuthModal = async () => {
     setShowAuth(true);
     connectWallet();
   };
@@ -70,21 +62,19 @@ export const useAuthWithButton = ({ onSuccess }: { onSuccess: (userDetails: User
         <Button
           variant="tertiary"
           size="small"
-          onClick={showAuthModal}
+          onClick={handleAuthModal}
         >
           Verify
         </Button>
       </>
     ),
-    [isWalletConnected, showConnectModal]
+    [isWalletConnected, isAuthModalVisible]
   );
 
   return {
     authButton,
     isAuthenticated: isWalletConnectedAndProfileUnlocked,
-    showConnectModal: showConnectModal,
-    setShowConnectModal: setShowConnectModal,
-    toggleModalOff: toggleModalOff,
-    toggleModalOn: toggleModalOn,
+    isAuthModalVisible,
+    hideAuthModal,
   };
 };

From 6bafa251790b4f837b2b2a13358d48e9881b83af Mon Sep 17 00:00:00 2001
From: corlard3y <corlardey@gmail.com>
Date: Wed, 10 Jul 2024 10:35:09 +0100
Subject: [PATCH 3/3] fix additional comments

---
 src/modules/rewards/Rewards.tsx              | 4 ++--
 src/modules/rewards/hooks/useRewardsAuth.tsx | 5 -----
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/modules/rewards/Rewards.tsx b/src/modules/rewards/Rewards.tsx
index f6d55c602e..b467ebe19b 100644
--- a/src/modules/rewards/Rewards.tsx
+++ b/src/modules/rewards/Rewards.tsx
@@ -49,7 +49,7 @@ const Rewards: FC<RewardsProps> = () => {
 
   const { activeTab, handleSetActiveTab } = useRewardsTabs();
 
-  const { isAuthModalVisible, setIsAuthModalVisible, status, connectUserWallet, hideAuthModal } = useRewardsAuth();
+  const { isAuthModalVisible, status, connectUserWallet, hideAuthModal } = useRewardsAuth();
 
   useCreateRewardsUser();
 
@@ -58,7 +58,7 @@ const Rewards: FC<RewardsProps> = () => {
   useEffect(() => {
     if (isErrorPresent && isAuthModalVisible && status === 'error' && errorExists && activeTab === 'dashboard') {
       setHasError(isErrorPresent);
-      setIsAuthModalVisible(false);
+      hideAuthModal();
     }
   }, [isErrorPresent, isAuthModalVisible, errorExists]);
 
diff --git a/src/modules/rewards/hooks/useRewardsAuth.tsx b/src/modules/rewards/hooks/useRewardsAuth.tsx
index ab60df62b8..5a6a05a859 100644
--- a/src/modules/rewards/hooks/useRewardsAuth.tsx
+++ b/src/modules/rewards/hooks/useRewardsAuth.tsx
@@ -124,17 +124,12 @@ const useRewardsAuth = () => {
   }, [status, isVerifyClicked, isDashClicked]);
 
   return {
-    caip10WalletAddress,
     status,
-    unlockProfile,
     isAuthModalVisible,
-    setIsAuthModalVisible,
     connectWallet,
     handleVerify,
     userDetails,
-    isVerifyClicked,
     connectUserWallet,
-    isDashClicked,
     hideAuthModal,
     showAuthModal,
   };