Display account details in a Card

This commit is contained in:
IshaVenikar 2024-07-15 12:33:55 +05:30 committed by Adw8
parent f8cec0596b
commit e334b31f5f

View File

@ -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;