Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 1 | import { Box, Card, CardContent, Typography } from '@mui/material'; |
Adrien Béraud | 6ecaa40 | 2021-04-06 17:37:25 -0400 | [diff] [blame] | 2 | |
Adrien Béraud | 150b478 | 2021-04-21 19:40:59 -0400 | [diff] [blame] | 3 | export default function JamiIdCard(props) { |
Adrien Béraud | 150b478 | 2021-04-21 19:40:59 -0400 | [diff] [blame] | 4 | const account = props.account |
| 5 | const registeredName = account.getRegisteredName() |
| 6 | return <Card style={{marginBottom:16}}> |
| 7 | <CardContent> |
| 8 | <Box> |
idillon | fb2af5b | 2022-09-16 13:40:08 -0400 | [diff] [blame] | 9 | <Typography color="textSecondary"> |
Adrien Béraud | 150b478 | 2021-04-21 19:40:59 -0400 | [diff] [blame] | 10 | Jami ID |
| 11 | </Typography> |
| 12 | <Typography variant="h5" component="h2" gutterBottom noWrap>{account.getUri()}</Typography> |
| 13 | </Box> |
| 14 | {registeredName && <Box> |
idillon | fb2af5b | 2022-09-16 13:40:08 -0400 | [diff] [blame] | 15 | <Typography color="textSecondary" > |
Adrien Béraud | 150b478 | 2021-04-21 19:40:59 -0400 | [diff] [blame] | 16 | Jami username |
| 17 | </Typography> |
| 18 | <Typography variant="h5" component="h2" noWrap>{registeredName}</Typography> |
| 19 | </Box> |
| 20 | } |
| 21 | </CardContent> |
| 22 | </Card> |
| 23 | } |