mirror of
https://github.com/comit-network/xmr-btc-swap.git
synced 2025-04-27 19:26:09 -04:00
2bffe40a37
This PR applies all remaining changes from https://github.com/UnstoppableSwap/unstoppableswap-gui/pull/210 - Added checkbox option to attach daemon logs when submitting feedback - Added "Outdated" chip with warning icon for providers running outdated asb versions - Updated `BitcoinPunishedPage` to display different messages for BtcPunished and CooperativeRedeemRejected states (including reason for failed cooperative redeem) - Added "Attempt recovery" button for swaps in BtcPunished state - Modified `getBitcoinTxExplorerUrl` to use mempool.space instead of blockchair.com - Added `useResumeableSwapsCountExcludingPunished` hook to count resumable swaps excluding punished ones, use it for the badge and alert - Updated `sortProviderList` function to filter out incompatible providers before sorting - Added `TauriSwapProgressEventExt` type to extract specific event types from TauriSwapProgressEvent
85 lines
2.9 KiB
TypeScript
85 lines
2.9 KiB
TypeScript
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,
|
|
} from "renderer/components/other/Units";
|
|
import { satsToBtc, secondsToDays } from "utils/conversionUtils";
|
|
import { isProviderOutdated } from 'utils/multiAddrUtils';
|
|
import WarningIcon from '@material-ui/icons/Warning';
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
content: {
|
|
flex: 1,
|
|
"& *": {
|
|
lineBreak: "anywhere",
|
|
},
|
|
},
|
|
chipsOuter: {
|
|
display: "flex",
|
|
marginTop: theme.spacing(1),
|
|
gap: theme.spacing(0.5),
|
|
flexWrap: "wrap",
|
|
},
|
|
}));
|
|
|
|
export default function ProviderInfo({
|
|
provider,
|
|
}: {
|
|
provider: ExtendedProviderStatus;
|
|
}) {
|
|
const classes = useStyles();
|
|
const isOutdated = isProviderOutdated(provider);
|
|
|
|
return (
|
|
<Box className={classes.content}>
|
|
<Typography color="textSecondary" gutterBottom>
|
|
Swap Provider
|
|
</Typography>
|
|
<Typography variant="h5" component="h2">
|
|
{provider.multiAddr}
|
|
</Typography>
|
|
<Typography color="textSecondary" gutterBottom>
|
|
<TruncatedText>{provider.peerId}</TruncatedText>
|
|
</Typography>
|
|
<Typography variant="caption">
|
|
Exchange rate:{" "}
|
|
<MoneroBitcoinExchangeRate rate={satsToBtc(provider.price)} />
|
|
<br />
|
|
Minimum swap amount: <SatsAmount amount={provider.minSwapAmount} />
|
|
<br />
|
|
Maximum swap amount: <SatsAmount amount={provider.maxSwapAmount} />
|
|
</Typography>
|
|
<Box className={classes.chipsOuter}>
|
|
<Chip label={provider.testnet ? "Testnet" : "Mainnet"} />
|
|
{provider.uptime && (
|
|
<Tooltip title="A high uptime indicates reliability. Providers with low uptime may be unreliable and cause swaps to take longer to complete or fail entirely.">
|
|
<Chip label={`${Math.round(provider.uptime * 100)} % uptime`} />
|
|
</Tooltip>
|
|
)}
|
|
{provider.age ? (
|
|
<Chip
|
|
label={`Went online ${Math.round(secondsToDays(provider.age))} ${
|
|
provider.age === 1 ? "day" : "days"
|
|
} ago`}
|
|
/>
|
|
) : (
|
|
<Chip label="Discovered via rendezvous point" />
|
|
)}
|
|
{provider.recommended === true && (
|
|
<Tooltip title="This provider has shown to be exceptionally reliable">
|
|
<Chip label="Recommended" icon={<VerifiedUser />} color="primary" />
|
|
</Tooltip>
|
|
)}
|
|
{isOutdated && (
|
|
<Tooltip title="This provider is running an outdated version of the software. Outdated providers may be unreliable and cause swaps to take longer to complete or fail entirely.">
|
|
<Chip label="Outdated" icon={<WarningIcon />} color="primary" />
|
|
</Tooltip>
|
|
)}
|
|
</Box>
|
|
</Box>
|
|
);
|
|
}
|