Remaining funds alert

src/renderer/components/alert/ConfidentialityAlert.tsx

@@ -2,7 +2,7 @@ import { Alert } from '@material-ui/lab';
 
 export default function ConfidentialityAlert() {
   return (
-    <Alert severity="warning">
+    <Alert severity="warning" variant="filled">
       This page contains confidential information including private keys. Keep
       this information to yourself. You will lose your funds if you do not!
     </Alert>

src/renderer/components/alert/RemainingFundsWillBeUsedAlert.tsx

@@ -0,0 +1,33 @@
+import { Alert } from '@material-ui/lab';
+import { Box, makeStyles } from '@material-ui/core';
+import { useAppSelector } from '../../../store/hooks';
+import WalletRefreshButton from '../pages/wallet/WalletRefreshButton';
+
+const useStyles = makeStyles((theme) => ({
+  outer: {
+    paddingBottom: theme.spacing(1),
+  },
+}));
+
+export default function RemainingFundsWillBeUsedAlert() {
+  const classes = useStyles();
+  const balance = useAppSelector((s) => s.balance.balanceValue);
+
+  if (balance == null || balance <= 0) {
+    return <></>;
+  }
+
+  return (
+    <Box className={classes.outer}>
+      <Alert
+        severity="warning"
+        action={<WalletRefreshButton />}
+        variant="filled"
+      >
+        The remaining funds of {balance} BTC in the wallet will be used for the
+        next swap. If the remaining funds exceed the minimum swap amount of the
+        provider, a swap will be initiated instantaneously.
+      </Alert>
+    </Box>
+  );
+}

src/renderer/components/alert/SwapMightBeCancelledAlert.tsx

@@ -33,7 +33,7 @@ export default function SwapMightBeCancelledAlert({
   }
 
   return (
-    <Alert severity="warning" className={classes.outer}>
+    <Alert severity="warning" className={classes.outer} variant="filled">
       <AlertTitle>Be careful!</AlertTitle>
       The swap provider has taken a long time to lock their Monero. This might
       mean that:

src/renderer/components/alert/SwapTxLockStatusAlert.tsx

@@ -68,6 +68,7 @@ export default function SwapTxLockStatusAlert({
       key={dbState.swapId}
       severity="warning"
       action={<SwapResumeButton dbState={dbState} />}
+      variant="filled"
     >
       <AlertTitle>Swap {dbState.swapId} is unfinished</AlertTitle>
       <SwapAlertStatusText timelockStatus={timelockStatus} />

src/renderer/components/modal/swap/pages/init/InitPage.tsx

@@ -6,6 +6,7 @@ import MoneroAddressTextField from 'renderer/components/inputs/MoneroAddressText
 import { useAppSelector } from 'store/hooks';
 import PlayArrowIcon from '@material-ui/icons/PlayArrow';
 import { isTestnet } from '../../../../../../store/config';
+import RemainingFundsWillBeUsedAlert from '../../../../alert/RemainingFundsWillBeUsedAlert';
 
 const useStyles = makeStyles((theme) => ({
   initButton: {
@@ -53,6 +54,7 @@ export default function InitPage() {
 
   return (
     <Box>
+      <RemainingFundsWillBeUsedAlert />
       <DialogContentText>
         Please specify the address to which the Monero should be sent upon
         completion of the swap and the address for receiving a Bitcoin refund if

src/renderer/components/navigation/FundsLeftInWalletAlert.tsx

@@ -10,6 +10,7 @@ export default function FundsLeftInWalletAlert() {
   if (fundsLeft != null && fundsLeft > 0) {
     return (
       <Alert
+        variant="filled"
         severity="warning"
         action={
           <Button

src/renderer/components/navigation/UnfinishedSwapsAlert.tsx

@@ -11,6 +11,7 @@ export default function UnfinishedSwapsAlert() {
     return (
       <Alert
         severity="warning"
+        variant="filled"
         action={
           <Button
             color="inherit"