@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
33 lines • 1.72 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import LinkRounded from '@mui/icons-material/LinkRounded';
import Wallet from '@mui/icons-material/Wallet';
import { Box, Link, Typography } from '@mui/material';
import { useTranslation } from 'react-i18next';
import { CardIconButton } from '../Card/CardIconButton.js';
import { CircularIcon } from './CircularProgress.style.js';
export const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
const { t } = useTranslation();
const isDone = step.execution?.status === 'DONE';
return (_jsx(Box, { sx: {
px: 2,
py: 1,
}, children: _jsxs(Box, { sx: {
display: 'flex',
alignItems: 'center',
}, children: [_jsx(CircularIcon, { status: isDone ? 'DONE' : undefined, children: _jsx(Wallet, { color: isDone ? 'success' : 'inherit', sx: {
position: 'absolute',
fontSize: '1.25rem',
} }) }), _jsx(Typography, { sx: {
mx: 2,
flex: 1,
fontSize: 14,
fontWeight: 400,
}, children: isDone
? t('main.sentToAddress', {
address: toAddress,
})
: t('main.sendToAddress', {
address: toAddress,
}) }), _jsx(CardIconButton, { size: "medium", LinkComponent: Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: _jsx(LinkRounded, {}) })] }) }));
};
//# sourceMappingURL=DestinationWalletAddress.js.map