xmr-btc-swap/src-gui/src/renderer/components/navigation/NavigationFooter.tsx
binarybaron e46be4a9ff
feat(gui): Refund swap in the background (#154)
Swaps will now be refunded as soon as the cancel timelock expires if the GUI is running but the swap dialog is not open.
2024-11-14 14:20:22 +01:00

49 lines
1.6 KiB
TypeScript

import { Box, makeStyles } from "@material-ui/core";
import GitHubIcon from "@material-ui/icons/GitHub";
import RedditIcon from "@material-ui/icons/Reddit";
import DaemonStatusAlert from "../alert/DaemonStatusAlert";
import FundsLeftInWalletAlert from "../alert/FundsLeftInWalletAlert";
import MoneroWalletRpcUpdatingAlert from "../alert/MoneroWalletRpcUpdatingAlert";
import UnfinishedSwapsAlert from "../alert/UnfinishedSwapsAlert";
import DiscordIcon from "../icons/DiscordIcon";
import LinkIconButton from "../icons/LinkIconButton";
import { DISCORD_URL } from "../pages/help/ContactInfoBox";
import BackgroundRefundAlert from "../alert/BackgroundRefundAlert";
const useStyles = makeStyles((theme) => ({
outer: {
display: "flex",
flexDirection: "column",
padding: theme.spacing(1),
gap: theme.spacing(1),
},
linksOuter: {
display: "flex",
justifyContent: "space-evenly",
},
}));
export default function NavigationFooter() {
const classes = useStyles();
return (
<Box className={classes.outer}>
<FundsLeftInWalletAlert />
<UnfinishedSwapsAlert />
<BackgroundRefundAlert />
<DaemonStatusAlert />
<MoneroWalletRpcUpdatingAlert />
<Box className={classes.linksOuter}>
<LinkIconButton url="https://reddit.com/r/unstoppableswap">
<RedditIcon />
</LinkIconButton>
<LinkIconButton url="https://github.com/UnstoppableSwap/unstoppableswap-gui">
<GitHubIcon />
</LinkIconButton>
<LinkIconButton url={DISCORD_URL}>
<DiscordIcon />
</LinkIconButton>
</Box>
</Box>
);
}