From 76e9f996a30008fdd9264adad94e578df724ceae Mon Sep 17 00:00:00 2001
From: Shreerang Kale <shreerangkale@gmail.com>
Date: Thu, 8 Aug 2024 14:11:36 +0530
Subject: [PATCH] Check for KYC ID on connect wallet page

---
 src/pages/ConnectWallet.tsx | 58 ++++++++++++++++++++++++++-----------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/src/pages/ConnectWallet.tsx b/src/pages/ConnectWallet.tsx
index 061dc33..fed158a 100644
--- a/src/pages/ConnectWallet.tsx
+++ b/src/pages/ConnectWallet.tsx
@@ -17,6 +17,9 @@ const ConnectWallet = () => {
   }
 
   useEffect(() => {
+    if (!kycIdHash) {
+      return;
+    }
 
     if (session) {
       navigate("/sign-with-nitro-key", {
@@ -33,7 +36,41 @@ const ConnectWallet = () => {
 
   return (
     <Container maxWidth="lg">
-      <Box
+      {kycIdHash ? <>
+        <Box
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          marginTop={10}
+          sx={{
+            border: 1,
+            borderColor: 'grey.500',
+          }}
+          padding={5}
+        >
+          <Typography variant="h5" component="h1" gutterBottom color={colors.red[400]}>
+          Disclaimer
+          </Typography>
+          <Typography variant="body1">
+            {WALLET_DISCLAIMER_MSG}
+          </Typography>
+        </Box>
+        <Box
+          display="flex"
+          flexDirection="column"
+          alignItems="center"
+          padding={5}
+          justifyContent="center"
+        >
+          <Button
+            variant="contained"
+            onClick={handler}
+          >
+          Connect Wallet
+          </Button>
+        </Box>
+      </> : <Box
         display="flex"
         flexDirection="column"
         alignItems="center"
@@ -46,26 +83,13 @@ const ConnectWallet = () => {
         padding={5}
       >
         <Typography variant="h5" component="h1" gutterBottom color={colors.red[400]}>
-          Disclaimer
+          Error
         </Typography>
         <Typography variant="body1">
-          {WALLET_DISCLAIMER_MSG}
+          KYC ID not found. Please verify your email and try again
         </Typography>
       </Box>
-      <Box
-        display="flex"
-        flexDirection="column"
-        alignItems="center"
-        padding={5}
-        justifyContent="center"
-      >
-        <Button
-          variant="contained"
-          onClick={handler}
-        >
-          Connect Wallet
-        </Button>
-      </Box>
+      }
     </Container>
   );
 };