Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update ToS modal #94

Merged
merged 1 commit into from
Jun 26, 2023
Merged

Update ToS modal #94

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 26 additions & 36 deletions src/components/TermsModal/TermsModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@
import React from 'react';

import Modal from '@mui/material/Modal';
import Grid from '@mui/material/Grid';
import Container from '@mui/material/Container';
import Button from '@mui/material/Button';
import Link from '@mui/material/Link';
Expand Down Expand Up @@ -62,42 +61,33 @@ export default function TermsModal(props: any) {
<div style={style} className='mp__flex mp__flexCenteredVert'>
<Container maxWidth="md">
<BridgePaper rounded>
<Grid container spacing={2} >

<Grid item md={12} sm={12} xs={12}>
<BridgePaper rounded >
<img src={logo} className="logo mp__margBott20 mp__margTop10" alt="logo" />
<p className='mp__p mp__p6 whiteText'>
We will NEVER ask you for your seed phrase or private keys. <br /><br />
🖥️ For Desktop Use Only. <br /><br />
SKALE Network is in beta - <Link target="_blank" rel="noopener noreferrer" href="https://docs.skale.network/introduction/mainnet-beta">learn more</Link>. <br />
BE SURE that you are connected to the right bridge and only use official link - <Link target="_blank" rel="noopener noreferrer" href="https://bridge.skale.space">https://bridge.skale.space</Link>.
<br />
<br />
Before you use SKALE Bridge, you should review our terms of service carefully and confirm below 👇
</p>
</BridgePaper>
</Grid>
<Grid item md={12} sm={12} xs={12}>
<div style={{}}>
<BridgePaper rounded gray>
<div id='terms' className='br__modalScroll' style={{ paddingRight: '20px' }} onScroll={handleTermsScroll} >
<TermsOfService />
</div>
</BridgePaper>
<BridgePaper rounded >
<img src={logo} className="logo mp__margBott20 mp__margTop10" alt="logo" />
<p className='mp__p mp__p6 whiteText'>
🖥️ For Desktop Use Only. <br /><br />
SKALE will NEVER ask you for your seed phrase or private keys. <br /><br />
Please make sure you are connected to the correct bridge and only use this official link: <Link target="_blank" rel="noopener noreferrer" href="https://bridge.skale.space/">https://bridge.skale.space/</Link>
<br />
<br />
Before you use the SKALE Bridge, you must review the terms of service carefully and confirm below.
</p>
</BridgePaper>
<div>
<BridgePaper rounded gray>
<div id='terms' className='br__modalScroll' style={{ paddingRight: '20px' }} onScroll={handleTermsScroll} >
<TermsOfService />
</div>
<Button
onClick={() => { props.setTermsAccepted(true); }}
variant="contained"
disabled={!scrolled}
className='mp__margTop20 bridge__btn'
size='large'
>
{getAgreeButtonText()}
</Button>

</Grid>
</Grid>
</BridgePaper>
</div>
<Button
onClick={() => { props.setTermsAccepted(true); }}
variant="contained"
disabled={!scrolled}
className='mp__margTop20 bridge__btn'
size='large'
>
{getAgreeButtonText()}
</Button>
</BridgePaper>
</Container>
</div>
Expand Down