Added user system with database features. This is fairly experimental and does not include dockerfile to automatically generate a mongodb. This should be in future commits along with ability to save hosts branching off this database feature.

2025-03-10 23:59:06 -05:00
parent 54f03d73ce
commit 4e277bdd07
13 changed files with 1057 additions and 26 deletions
--- a/src/ErrorModal.jsx
+++ b/src/ErrorModal.jsx
@@ -0,0 +1,56 @@
+import PropTypes from 'prop-types';
+import { CssVarsProvider } from '@mui/joy/styles';
+import { Modal, Button, DialogTitle, DialogContent, ModalDialog } from '@mui/joy';
+import theme from './theme';
+
+const ErrorModal = ({ isHidden, errorMessage, setIsErrorHidden }) => {
+    return (
+        <CssVarsProvider theme={theme}>
+            <Modal open={!isHidden} onClose={() => setIsErrorHidden(true)}>
+                <ModalDialog
+                    layout="center"
+                    sx={{
+                        backgroundColor: theme.palette.general.tertiary,
+                        borderColor: theme.palette.general.secondary,
+                        color: theme.palette.text.primary,
+                        padding: 3,
+                        borderRadius: 10,
+                        width: "auto",
+                        maxWidth: "90vw",
+                        minWidth: "fit-content",
+                        overflow: "hidden",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: 1,
+                    }}
+                >
+                    <DialogTitle sx={{ marginBottom: 1.5 }}>Error</DialogTitle>
+                    <DialogContent sx={{ color: theme.palette.text.primary }}>
+                        {errorMessage}
+                    </DialogContent>
+                    <Button
+                        onClick={() => setIsErrorHidden(true)}
+                        sx={{
+                            backgroundColor: theme.palette.general.primary,
+                            '&:hover': {
+                                backgroundColor: theme.palette.general.disabled,
+                            },
+                        }}
+                    >
+                        Close
+                    </Button>
+                </ModalDialog>
+            </Modal>
+        </CssVarsProvider>
+    );
+};
+
+ErrorModal.propTypes = {
+    isHidden: PropTypes.bool.isRequired,
+    errorMessage: PropTypes.string.isRequired,
+    setIsErrorHidden: PropTypes.func.isRequired,
+};
+
+export default ErrorModal;