From 09104b50bf07d5f4b0dfa2ed6b598ba4ca697ee5 Mon Sep 17 00:00:00 2001
From: nabarun <nabarun@noreply.git.vdb.to>
Date: Sun, 11 Aug 2024 09:47:18 +0000
Subject: [PATCH] Add download button for terms and conditions PDF (#31)

Part of [laconicd testnet validator enrollment](https://www.notion.so/laconicd-testnet-validator-enrollment-6fc1d3cafcc64fef8c5ed3affa27c675)

- Replace Cosmos address with Laconic address

Co-authored-by: Shreerang Kale <shreerangkale@gmail.com>
Reviewed-on: https://git.vdb.to/cerc-io/testnet-onboarding-app/pulls/31
---
 src/components/TermsAndConditionsDialog.tsx | 9 +++++++--
 src/pages/LandingPage.tsx                   | 7 ++++++-
 src/pages/OnboardingSuccess.tsx             | 4 ++--
 src/pages/SignWithCosmos.tsx                | 2 +-
 src/pages/Validator.tsx                     | 2 +-
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/TermsAndConditionsDialog.tsx b/src/components/TermsAndConditionsDialog.tsx
index cf8b7a4..52973b6 100644
--- a/src/components/TermsAndConditionsDialog.tsx
+++ b/src/components/TermsAndConditionsDialog.tsx
@@ -16,7 +16,12 @@ const TermsAndConditionsDialog: React.FC<TermsDialogProps> = ({ open, onClose })
         <TermsAndConditionsBox height='65vh' />
       </DialogContent>
       <DialogActions>
-        <Button onClick={onClose} color="primary">
+        <Button>
+          <a href="/TermsAndConditions.pdf" download style={{textDecoration: "none", color: "inherit"}}>
+            Download PDF
+          </a>
+        </Button>
+        <Button onClick={onClose}>
           Close
         </Button>
       </DialogActions>
@@ -24,4 +29,4 @@ const TermsAndConditionsDialog: React.FC<TermsDialogProps> = ({ open, onClose })
   );
 };
 
-export default TermsAndConditionsDialog;
\ No newline at end of file
+export default TermsAndConditionsDialog;
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 4fa53df..9fbfd7a 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -37,7 +37,12 @@ const LandingPage = () => {
         </Typography>
       </Box>
       <TermsAndConditionsBox height="43vh" onLoad={()=>{setIsDisabled(false);}} />
-      <Box m={2} display="flex" justifyContent="center">
+      <Box m={2} display="flex" justifyContent="center" gap={2}>
+        <Button variant="outlined" color="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>
diff --git a/src/pages/OnboardingSuccess.tsx b/src/pages/OnboardingSuccess.tsx
index 4d2b52f..2c053f3 100644
--- a/src/pages/OnboardingSuccess.tsx
+++ b/src/pages/OnboardingSuccess.tsx
@@ -33,7 +33,7 @@ const OnboardingSuccess = () => {
     const fetchParticipants = async () => {
       try {
         if (!cosmosAddress) {
-          enqueueSnackbar("Cosmos address is not provided", { variant: "error" });
+          enqueueSnackbar("Laconic address is not provided", { variant: "error" });
           return;
         }
         const participant: Participant = await registry.getParticipantByAddress(cosmosAddress);
@@ -93,7 +93,7 @@ const OnboardingSuccess = () => {
           <pre style={{ whiteSpace: "pre-wrap", margin: 0 }}>
             {participant && (
               <div>
-              Cosmos Address: {participant.cosmosAddress} <br />
+              Laconic Address: {participant.cosmosAddress} <br />
               Nitro Address: {participant.nitroAddress} <br />
               Role: {participant.role} <br />
               KYC ID: {participant.kycId} <br />
diff --git a/src/pages/SignWithCosmos.tsx b/src/pages/SignWithCosmos.tsx
index 7998798..b369d5d 100644
--- a/src/pages/SignWithCosmos.tsx
+++ b/src/pages/SignWithCosmos.tsx
@@ -157,7 +157,7 @@ const SignWithCosmos = () => {
       <Typography variant="h5" display={`${isTncAccepted ? "none" : "block"}`}>Please accept terms and conditions to continue</Typography>
       <SelectRoleCard handleAccept={() => setIsTncAccepted(true)} handleRoleChange={setRole}/>
       <Typography variant="h5">Send transaction to chain</Typography>
-      <Typography>Cosmos Account:</Typography>
+      <Typography>Laconic Account:</Typography>
       <Card className='mt-1 mb-1'>
         <CardContent>
           <Grid container spacing={2}>
diff --git a/src/pages/Validator.tsx b/src/pages/Validator.tsx
index 81c8c99..d17b46e 100644
--- a/src/pages/Validator.tsx
+++ b/src/pages/Validator.tsx
@@ -177,7 +177,7 @@ const Validator = () => {
           >
             {participant && (
               <pre style={{ whiteSpace: "pre-wrap", margin: 0 }}>
-                Cosmos Address: {participant.cosmosAddress} <br />
+                Laconic Address: {participant.cosmosAddress} <br />
                 Nitro Address: {participant.nitroAddress} <br />
                 Role: {participant.role} <br />
                 KYC ID: {participant.kycId} <br />