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 { useParams, useLocation, useNavigate } from "react-router-dom";
import { SnackbarProvider, enqueueSnackbar } from "notistack"; 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 LoadingButton from "@mui/lab/LoadingButton/LoadingButton";
import { import {
MsgOnboardParticipantEncodeObject, MsgOnboardParticipantEncodeObject,
@ -100,8 +100,13 @@ const SignWithCosmos = () => {
}} }}
> >
<Typography variant="h5">Send transaction to chain</Typography> <Typography variant="h5">Send transaction to chain</Typography>
<Typography variant="body1">Cosmos address: {cosmosAddress}</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> <Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</Typography>
</CardContent>
</Card>
<Typography variant="body1"> <Typography variant="body1">
Onboarding message: <br /> Onboarding message: <br />
</Typography> </Typography>