From 3fe0576f349fc6bc823c6750fe51e48b86442d30 Mon Sep 17 00:00:00 2001 From: Cody Bender Date: Sat, 10 Aug 2024 16:13:22 -0400 Subject: [PATCH] style: add back t&c text and style pre block --- src/pages/LandingPage.tsx | 34 +++++++++++++- src/pages/OnboardingSuccess.tsx | 81 +++++++++++++++++++++++---------- 2 files changed, 90 insertions(+), 25 deletions(-) diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx index 45109de..a0f2b6b 100644 --- a/src/pages/LandingPage.tsx +++ b/src/pages/LandingPage.tsx @@ -1,7 +1,7 @@ import React, { useState } from "react"; import { useNavigate } from "react-router-dom"; -import { Button, Box } from "@mui/material"; +import { Button, Box, Typography } from "@mui/material"; import TermsAndConditionsBox from "../components/TermsAndConditionsBox"; import { Container } from "../components/Container"; @@ -17,6 +17,38 @@ const LandingPage = () => { return ( + + + Welcome to the LORO Testnet Onboarding App. The detailed instructions + for completing this first step are found in the{" "} + + LORO testnet repo + + . 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. + + { diff --git a/src/pages/OnboardingSuccess.tsx b/src/pages/OnboardingSuccess.tsx index 2c053f3..4927a1d 100644 --- a/src/pages/OnboardingSuccess.tsx +++ b/src/pages/OnboardingSuccess.tsx @@ -7,36 +7,42 @@ import { Registry } from "@cerc-io/registry-sdk"; import SumsubWebSdk from "@sumsub/websdk-react"; import { MessageHandler } from "@sumsub/websdk"; -import { config, fetchAccessToken, getAccessTokenExpirationHandler, options } from "../utils/sumsub"; +import { + config, + fetchAccessToken, + getAccessTokenExpirationHandler, + options, +} from "../utils/sumsub"; import { ENABLE_KYC, HASHED_SUBSCRIBER_ID_KEY } from "../constants"; import { Participant } from "../types"; -const registry = new Registry( - process.env.REACT_APP_REGISTRY_GQL_ENDPOINT! -); +const registry = new Registry(process.env.REACT_APP_REGISTRY_GQL_ENDPOINT!); const OnboardingSuccess = () => { const location = useLocation(); const { cosmosAddress } = location.state as { - cosmosAddress?: string + cosmosAddress?: string; }; const [participant, setParticipant] = useState(); - const [token, setToken] = useState(''); + const [token, setToken] = useState(""); const [loading, setLoading] = useState(true); const messageHandler: MessageHandler = (event, payload) => { - console.log('sumsubEvent:', event, payload); + console.log("sumsubEvent:", event, payload); }; useEffect(() => { const fetchParticipants = async () => { try { if (!cosmosAddress) { - enqueueSnackbar("Laconic address is not provided", { variant: "error" }); + enqueueSnackbar("Laconic address is not provided", { + variant: "error", + }); return; } - const participant: Participant = await registry.getParticipantByAddress(cosmosAddress); + const participant: Participant = + await registry.getParticipantByAddress(cosmosAddress); if (!participant) { enqueueSnackbar("Participant not found", { variant: "error" }); return; @@ -61,7 +67,7 @@ const OnboardingSuccess = () => { }; if (cosmosAddress && ENABLE_KYC) { - getToken(cosmosAddress).catch(error => { + getToken(cosmosAddress).catch((error) => { console.error(error); alert("Failed to fetch token"); }); @@ -90,13 +96,20 @@ const OnboardingSuccess = () => { marginBottom: 6, }} > - 
+          
             {participant && (
               

-              Laconic Address: {participant.cosmosAddress} 

-              Nitro Address: {participant.nitroAddress} 

-              Role: {participant.role} 

-              KYC ID: {participant.kycId} 

+                Laconic Address: {participant.cosmosAddress} 

+                Nitro Address: {participant.nitroAddress} 

+                Role: {participant.role} 

+                KYC ID: {participant.kycId} 

                 

               

             )}
@@ -108,15 +121,18 @@ const OnboardingSuccess = () => {
             {!loading && token && cosmosAddress && (
               
             )}
           
-        ) : ''
-        }
+        ) : (
+          ""
+        )}
       
       Next Steps
        {
         marginTop={3}
         sx={{
           border: 1,
-          borderColor: 'grey.500',
+          borderColor: "grey.500",
         }}
         padding={5}
       >
         
-          For participants, await the start of the stage 1 chain, which will be announced in various social media channels. In the meantime, familiarize yourself with the{' '}
-          webapp publishing workflow{' '}
-          as this is the main task you will be participating in.

+          For participants, await the start of the stage 1 chain, which will be
+          announced in various social media channels. In the meantime,
+          familiarize yourself with the{" "}
+          
+            webapp publishing workflow
+          {" "}
+          as this is the main task you will be participating in.
           

-          For validators, ensure your service provider is running and ready to deploy webapps. Await publication of the laconicd version, genesis file, and peers to the LORO testnet repo, then follow{' '}
-          these instructions{' '}
+          

+          For validators, ensure your service provider is running and ready to
+          deploy webapps. Await publication of the laconicd version, genesis
+          file, and peers to the LORO testnet repo, then follow{" "}
+          
+            these instructions
+          {" "}
           for joining stage 1 as a validator.