Display account details in a Card
This commit is contained in:
parent
f8cec0596b
commit
e334b31f5f
@ -2,7 +2,7 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
|
||||
import { useParams, useLocation, useNavigate } from "react-router-dom";
|
||||
import { SnackbarProvider, enqueueSnackbar } from "notistack";
|
||||
|
||||
import { Box, Typography } from "@mui/material";
|
||||
import { Box, Card, CardContent, Typography } from "@mui/material";
|
||||
import LoadingButton from "@mui/lab/LoadingButton/LoadingButton";
|
||||
import {
|
||||
MsgOnboardParticipantEncodeObject,
|
||||
@ -100,8 +100,13 @@ const SignWithCosmos = () => {
|
||||
}}
|
||||
>
|
||||
<Typography variant="h5">Send transaction to chain</Typography>
|
||||
<Typography variant="body1">Cosmos address: {cosmosAddress}</Typography>
|
||||
<Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</Typography>
|
||||
<Typography>Cosmos Account:</Typography>
|
||||
<Card className='mt-1 mb-1'>
|
||||
<CardContent>
|
||||
<Typography variant="body1">Address: {cosmosAddress}</Typography>
|
||||
<Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</Typography>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Typography variant="body1">
|
||||
Onboarding message: <br />
|
||||
</Typography>
|
||||
@ -133,4 +138,4 @@ const SignWithCosmos = () => {
|
||||
);
|
||||
};
|
||||
|
||||
export default SignWithCosmos;
|
||||
export default SignWithCosmos;
|
||||
|
Loading…
Reference in New Issue
Block a user