style: validator success page

This commit is contained in:
Cody Bender 2024-08-11 12:34:35 -04:00
parent 565d1887e0
commit b39afe386f

View File

@ -1,26 +1,21 @@
import React from 'react'; import React from "react";
import { useLocation } from 'react-router-dom'; import { useLocation } from "react-router-dom";
import { Box, Link, Typography } from '@mui/material'; import { Link, Typography } from "@mui/material";
import { Layout } from "../layout/Layout";
import { CodeBlock } from "../components/CodeBlock";
const ValidatorSuccess = () => { const ValidatorSuccess = () => {
const location = useLocation(); const location = useLocation();
const { validatorAddress } = location.state as { const { validatorAddress } = location.state as {
validatorAddress?: string validatorAddress?: string;
}; };
return ( return (
<Box <Layout title="Validator created successfully">
sx={{ <Typography sx={{ marginTop: 3 }}>
display: "flex", You can view your validator details using the following command
flexDirection: "column", (Refer&nbsp;
marginTop: 6,
gap: 1,
}}
>
<Typography variant="h5">Validator created successfully</Typography>
<Typography sx={{ marginTop: 3}}>
You can view your validator details using the following command (Refer&nbsp;
<Link <Link
href="https://git.vdb.to/cerc-io/testnet-laconicd-stack/src/branch/main/testnet-onboarding-validator.md#join-as-testnet-validator" href="https://git.vdb.to/cerc-io/testnet-laconicd-stack/src/branch/main/testnet-onboarding-validator.md#join-as-testnet-validator"
target="_blank" target="_blank"
@ -28,14 +23,12 @@ const ValidatorSuccess = () => {
> >
this guide this guide
</Link> </Link>
) )
</Typography> </Typography>
<Box sx={{ backgroundColor: "lightgray", padding: 2, wordWrap: "break-word", marginTop: 2, fontSize: 14}}> <CodeBlock>
<pre style={{ whiteSpace: "pre-wrap", margin: 0 }}> {`laconic-so deployment --dir testnet-laconicd-deployment exec laconicd "laconicd query staking validators --output json" | jq '.validators[] | select(.operator_address == "${validatorAddress}")'`}
{`laconic-so deployment --dir testnet-laconicd-deployment exec laconicd "laconicd query staking validators --output json" | jq '.validators[] | select(.operator_address == "${validatorAddress}")'`} </CodeBlock>
</pre> </Layout>
</Box>
</Box>
); );
}; };