From 5f356c8bce5d8e20329a21125afcd052e17c35d2 Mon Sep 17 00:00:00 2001
From: Adw8 <adwaitgharpure@gmail.com>
Date: Tue, 30 Jul 2024 15:49:02 +0530
Subject: [PATCH] Navigate to sign with cosmos page if KYC verification is
 complete

---
 src/components/TermsAndConditionsCard.tsx | 2 +-
 src/pages/OnboardingSuccess.tsx           | 6 ++++--
 src/pages/SignWithCosmos.tsx              | 9 ++++++---
 src/pages/SignWithNitroKey.tsx            | 8 ++++----
 src/pages/UserVerification.tsx            | 7 +++++--
 5 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/TermsAndConditionsCard.tsx b/src/components/TermsAndConditionsCard.tsx
index 413390d..148bf8b 100644
--- a/src/components/TermsAndConditionsCard.tsx
+++ b/src/components/TermsAndConditionsCard.tsx
@@ -32,7 +32,7 @@ const TermsAndConditionsCard = ({ handleAccept, handleRoleChange }: { handleAcce
   };
 
   return (
-    <Paper elevation={3} style={{ padding: '2rem', marginTop: '2rem', display: isHidden ? "none" : "block" }}>
+    <Paper elevation={3} sx={{ padding: 2, marginTop: 2, display: isHidden ? "none" : "block", marginBottom: 3 }} >
       <FormControl component="fieldset">
         <FormLabel component="legend">Select your role</FormLabel>
         <RadioGroup
diff --git a/src/pages/OnboardingSuccess.tsx b/src/pages/OnboardingSuccess.tsx
index 8f135f0..0e439eb 100644
--- a/src/pages/OnboardingSuccess.tsx
+++ b/src/pages/OnboardingSuccess.tsx
@@ -83,8 +83,8 @@ const OnboardingSuccess = () => {
       sx={{
         display: "flex",
         flexDirection: "column",
-        marginTop: "100px",
-        gap: "10px",
+        marginTop: 6,
+        gap: 1,
       }}
     >
       <Typography variant="h5">Transaction Successful</Typography>
@@ -96,6 +96,7 @@ const OnboardingSuccess = () => {
           backgroundColor: "lightgray",
           padding: 3,
           wordWrap: "break-word",
+          marginBottom: 6,
         }}
       >
         <pre style={{ whiteSpace: "pre-wrap", margin: 0 }}>
@@ -110,6 +111,7 @@ const OnboardingSuccess = () => {
           )}
         </pre>
       </Box>
+      <Typography variant="h5">KYC Status</Typography>
       {!loading && token && (
         <SumsubWebSdk
           accessToken={token}
diff --git a/src/pages/SignWithCosmos.tsx b/src/pages/SignWithCosmos.tsx
index 1107b0e..431af88 100644
--- a/src/pages/SignWithCosmos.tsx
+++ b/src/pages/SignWithCosmos.tsx
@@ -147,8 +147,8 @@ const SignWithCosmos = () => {
       sx={{
         display: "flex",
         flexDirection: "column",
-        marginY: "100px",
-        gap: "10px",
+        marginTop: 6,
+        gap: 1,
       }}
     >
       <Typography variant="h5" display={`${isTncAccepted ? "none" : "block"}`}>Please accept terms and conditions to continue</Typography>
@@ -190,7 +190,10 @@ const SignWithCosmos = () => {
         </pre>
       </Box>
 
-      <Box>
+      <Box
+        sx={{
+          paddingBottom: 2,
+        }}>
         <LoadingButton
           variant="contained"
           onClick={async () => {
diff --git a/src/pages/SignWithNitroKey.tsx b/src/pages/SignWithNitroKey.tsx
index d754c6a..5358276 100644
--- a/src/pages/SignWithNitroKey.tsx
+++ b/src/pages/SignWithNitroKey.tsx
@@ -75,11 +75,11 @@ const SignWithNitroKey = () => {
     <div>
       {session ? (
         <Box
-          style={{
+          sx={{
             display: "flex",
             flexDirection: "column",
-            marginTop: "100px",
-            gap: "10px",
+            marginTop: 6,
+            gap: 1,
           }}
         >
           <Typography variant="h5">Sign with Nitro key</Typography>
@@ -130,7 +130,7 @@ const SignWithNitroKey = () => {
               variant="contained"
               onClick={signEth}
               disabled={!Boolean(ethAddress)}
-              style={{ marginTop: "20px" }}
+              sx={{ marginTop: 2 }}
               loading={isLoading}
             >
               Sign using Nitro key
diff --git a/src/pages/UserVerification.tsx b/src/pages/UserVerification.tsx
index 0120d56..792965e 100644
--- a/src/pages/UserVerification.tsx
+++ b/src/pages/UserVerification.tsx
@@ -69,6 +69,9 @@ const UserVerification = () => {
       if ((payload as EventPayload<'idCheck.onApplicantStatusChanged'>).reviewStatus === 'pending') {
         setApplicationSubmitted(true);
       }
+      if ((payload as any).reviewResult.reviewAnswer === 'GREEN') {
+        setApplicationSubmitted(true);
+      }
     }
   };
 
@@ -78,8 +81,8 @@ const UserVerification = () => {
         sx={{
           display: "flex",
           flexDirection: "column",
-          marginTop: "100px",
-          gap: "10px",
+          marginTop: 12,
+          gap: 1,
         }}
       >
         <Typography variant="h5">User verification</Typography>