87 lines
2.4 KiB
TypeScript
87 lines
2.4 KiB
TypeScript
import React, { useState } from "react";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
import { Button, Box, Typography } from "@mui/material";
|
|
|
|
import TermsAndConditionsBox from "../components/TermsAndConditionsBox";
|
|
import { Container } from "../components/Container";
|
|
|
|
const LandingPage = () => {
|
|
const navigate = useNavigate();
|
|
|
|
const [isDisabled, setIsDisabled] = useState(true);
|
|
|
|
const handleAccept = () => {
|
|
navigate("/verify-email");
|
|
};
|
|
|
|
return (
|
|
<Container>
|
|
<Box
|
|
display="flex"
|
|
flexDirection="column"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
margin={10}
|
|
sx={{
|
|
border: 1,
|
|
borderColor: "grey.500",
|
|
borderRadius: 1,
|
|
}}
|
|
padding={5}
|
|
>
|
|
<Typography variant="h6">
|
|
Welcome to the LORO Testnet Onboarding App. The detailed instructions
|
|
for completing this first step are found in the{" "}
|
|
<a
|
|
href="https://github.com/hyphacoop/loro-testnet/"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
LORO testnet repo
|
|
</a>
|
|
. Once your onboarding transaction has been submitted, await the
|
|
completion of stage0. The genesis.json file and peer nodes will then
|
|
be published in the aforementioned repository for validators to begin
|
|
stage1. Once enough validators are online and the Laconic chain is
|
|
running, those same validators can complete their service provider
|
|
setup. Once service providers are live, app publishers can start
|
|
deploying webapps to individual service providers.
|
|
</Typography>
|
|
</Box>
|
|
<TermsAndConditionsBox
|
|
height="43vh"
|
|
onLoad={() => {
|
|
setIsDisabled(false);
|
|
}}
|
|
/>
|
|
<Box m={2} display="flex" justifyContent="center" gap={2}>
|
|
<Button
|
|
variant="outlined"
|
|
color="primary"
|
|
sx={{ color: "text.primary" }}
|
|
disabled={isDisabled}
|
|
>
|
|
<a
|
|
href="/TermsAndConditions.pdf"
|
|
download
|
|
style={{textDecoration: "none", color: "inherit"}}
|
|
>
|
|
Download PDF
|
|
</a>
|
|
</Button>
|
|
<Button
|
|
variant="contained"
|
|
color="primary"
|
|
onClick={handleAccept}
|
|
disabled={isDisabled}
|
|
>
|
|
Accept
|
|
</Button>
|
|
</Box>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default LandingPage;
|