feat(gui): Dedicated react component for truncating swap ids, peer ids, ...

This commit is contained in:
binarybaron 2024-09-09 21:46:48 +02:00
parent c486ca5de9
commit 5e87be8a8b
No known key found for this signature in database
GPG key ID: 99B75D3E1476A26E
8 changed files with 32 additions and 10 deletions

View file

@ -1,6 +1,7 @@
import { Box, Chip, makeStyles, Tooltip, Typography } from "@material-ui/core";
import { VerifiedUser } from "@material-ui/icons";
import { ExtendedProviderStatus } from "models/apiModel";
import TruncatedText from "renderer/components/other/TruncatedText";
import {
MoneroBitcoinExchangeRate,
SatsAmount,
@ -38,7 +39,7 @@ export default function ProviderInfo({
{provider.multiAddr}
</Typography>
<Typography color="textSecondary" gutterBottom>
{provider.peerId.substring(0, 8)}...{provider.peerId.slice(-8)}
<TruncatedText limit={12}>{provider.peerId}</TruncatedText>
</Typography>
<Typography variant="caption">
Exchange rate:{" "}