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 { 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>
|
||||||
<Typography variant="body1">Balance: {balance} {process.env.REACT_APP_LACONICD_DENOM}</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">
|
<Typography variant="body1">
|
||||||
Onboarding message: <br />
|
Onboarding message: <br />
|
||||||
</Typography>
|
</Typography>
|
||||||
|
Loading…
Reference in New Issue
Block a user