fix: show the KYC vertify button only when viewing own profile

Author: serapieTuyishime

src/components/sections/profile/Header.tsx

@@ -62,7 +62,7 @@ export default function ProfileHeader() {
     dispatch(openVerificationModal({}));
   };
 
-  const { canConnectDiscord, triggerDiscordOauth } = useDiscordConnect();
+  const { canConnectDiscord, triggerDiscordOauth, showKycVerificationButton } = useDiscordConnect();
   const discordLink = "https://discord.gg/U38KQHDtHe";
 
   const iconStyles = "inline-block";
@@ -117,7 +117,7 @@ export default function ProfileHeader() {
             {t("profile.header.connect-discord")}
           </Button>
         )}
-        {!isKycVerified && (
+        {!isKycVerified && showKycVerificationButton && (
           <Button variant="outline-primary" className="flex mx-auto text-base" onClick={triggerKYCVerification}>
             {t("profile.header.sumsub.verify")}
           </Button>

src/hooks/useDiscordConnect.ts

@@ -37,11 +37,16 @@ export const useDiscordConnect = () => {
   const isCurrentUser = useMemo(() => username?.toLowerCase() === authUser?.displayName?.toLowerCase(), [authUser, username]);
   const canConnectDiscord = useMemo(() => isCurrentUser && !user?.discord?.connected, [isCurrentUser, user]);
 
+  const showKycVerificationButton = useMemo(() => {
+    return isCurrentUser && !user?.isKycVerified;
+  }, [isCurrentUser, user?.isKycVerified]);
+
   const triggerDiscordOauth = () =>
     (window.location.href = `${NEXT_PUBLIC_DISCORD_OAUTH_BASE_URL}?response_type=code&client_id=${NEXT_PUBLIC_DISCORD_CLIENT_ID}&scope=${NEXT_PUBLIC_DISCORD_SCOPE}&state=15773059ghq9183habn&redirect_uri=${NEXT_PUBLIC_DISCORD_CALLBACK_URL}&prompt=consent`);
 
   return {
     canConnectDiscord,
     triggerDiscordOauth,
+    showKycVerificationButton,
   };
 };