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

@ -11,6 +11,7 @@ import {
import { ReactNode } from "react";
import { exhaustiveGuard } from "utils/typescriptUtils";
import HumanizedBitcoinBlockDuration from "../other/HumanizedBitcoinBlockDuration";
import TruncatedText from "../other/TruncatedText";
import {
SwapCancelRefundButton,
SwapResumeButton,
@ -219,7 +220,7 @@ export default function SwapStatusAlert({
variant="filled"
>
<AlertTitle>
Swap {swap.swap_id.substring(0, 5)}... is unfinished
Swap <TruncatedText>{swap.swap_id}</TruncatedText> is unfinished
</AlertTitle>
<SwapAlertStatusText swap={swap} />
</Alert>