Integrate Beehiiv email verification in onboarding flow #13

Merged
nabarun merged 5 commits from deep-stack/testnet-onboarding-app:sk-beehiiv-integration into main 2024-08-08 10:06:35 +00:00
Showing only changes of commit 76e9f996a3 - Show all commits

View File

@ -17,6 +17,9 @@ const ConnectWallet = () => {
} }
useEffect(() => { useEffect(() => {
if (!kycIdHash) {
return;
}
if (session) { if (session) {
navigate("/sign-with-nitro-key", { navigate("/sign-with-nitro-key", {
@ -33,7 +36,41 @@ const ConnectWallet = () => {
return ( return (
<Container maxWidth="lg"> <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" display="flex"
flexDirection="column" flexDirection="column"
alignItems="center" alignItems="center"
@ -46,26 +83,13 @@ const ConnectWallet = () => {
padding={5} padding={5}
> >
<Typography variant="h5" component="h1" gutterBottom color={colors.red[400]}> <Typography variant="h5" component="h1" gutterBottom color={colors.red[400]}>
Disclaimer Error
</Typography> </Typography>
<Typography variant="body1"> <Typography variant="body1">
{WALLET_DISCLAIMER_MSG} KYC ID not found. Please verify your email and try again
</Typography> </Typography>
</Box> </Box>
<Box }
display="flex"
flexDirection="column"
alignItems="center"
padding={5}
justifyContent="center"
>
<Button
variant="contained"
onClick={handler}
>
Connect Wallet
</Button>
</Box>
</Container> </Container>
); );
}; };