Integrate Beehiiv email verification in onboarding flow #13
@ -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>
|
||||
);
|
||||
};
|
||||
|
Loading…
Reference in New Issue
Block a user