feat: cargo project at root

src-xmr-btc-swap/src-gui/src/renderer/components/modal/swap/SwapDialog.tsx

@@ -0,0 +1,90 @@
+import { useState } from 'react';
+import {
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  makeStyles,
+} from '@material-ui/core';
+import { useAppDispatch, useAppSelector } from 'store/hooks';
+import { swapReset } from 'store/features/swapSlice';
+import SwapStatePage from './pages/SwapStatePage';
+import SwapStateStepper from './SwapStateStepper';
+import SwapSuspendAlert from '../SwapSuspendAlert';
+import SwapDialogTitle from './SwapDialogTitle';
+import DebugPage from './pages/DebugPage';
+
+const useStyles = makeStyles({
+  content: {
+    minHeight: '25rem',
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+  },
+});
+
+export default function SwapDialog({
+  open,
+  onClose,
+}: {
+  open: boolean;
+  onClose: () => void;
+}) {
+  const classes = useStyles();
+  const swap = useAppSelector((state) => state.swap);
+  const [debug, setDebug] = useState(false);
+  const [openSuspendAlert, setOpenSuspendAlert] = useState(false);
+  const dispatch = useAppDispatch();
+
+  function onCancel() {
+    if (swap.processRunning) {
+      setOpenSuspendAlert(true);
+    } else {
+      onClose();
+      setTimeout(() => dispatch(swapReset()), 0);
+    }
+  }
+
+  // This prevents an issue where the Dialog is shown for a split second without a present swap state
+  if (!open) return null;
+
+  return (
+    <Dialog open={open} onClose={onCancel} maxWidth="md" fullWidth>
+      <SwapDialogTitle
+        debug={debug}
+        setDebug={setDebug}
+        title="Swap Bitcoin for Monero"
+      />
+
+      <DialogContent dividers className={classes.content}>
+        {debug ? (
+          <DebugPage />
+        ) : (
+          <>
+            <SwapStatePage swapState={swap.state} />
+            <SwapStateStepper />
+          </>
+        )}
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={onCancel} variant="text">
+          Cancel
+        </Button>
+        <Button
+          color="primary"
+          variant="contained"
+          onClick={onCancel}
+          disabled={!(swap.state !== null && !swap.processRunning)}
+        >
+          Done
+        </Button>
+      </DialogActions>
+
+      <SwapSuspendAlert
+        open={openSuspendAlert}
+        onClose={() => setOpenSuspendAlert(false)}
+      />
+    </Dialog>
+  );
+}