diff --git a/client/src/components/Create.jsx b/client/src/components/Create.jsx
index a4c51f58..43accfb5 100644
--- a/client/src/components/Create.jsx
+++ b/client/src/components/Create.jsx
@@ -1,71 +1,80 @@
-import { Box, TextField, Stack, Button, Card, CardHeader, CardContent, Typography } from "@mui/material";
+import {
+ Box,
+ TextField,
+ Stack,
+ Button,
+ Card,
+ CardHeader,
+ CardContent,
+ Typography,
+} from "@mui/material";
const styles = {
- body: {
- height: "100vh",
- display: "flex",
- flexDirection: "column",
- alignItems: "center",
- justifyContent: "center",
- fontFamily: "Helvetica",
- backgroundColor: "#f0f3f8",
- },
- heading: {
- display: "flex",
- width: "47.5rem",
- paddingRight: "0px",
- flexDirection: "column",
- alignItems: "flex-start",
- gap: "0.625rem",
- },
- cancel: {
- marginRight: "auto",
- },
+ body: {
+ height: "100vh",
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ fontFamily: "Helvetica",
+ backgroundColor: "#f0f3f8",
+ },
+ heading: {
+ display: "flex",
+ width: "47.5rem",
+ paddingRight: "0px",
+ flexDirection: "column",
+ alignItems: "flex-start",
+ gap: "0.625rem",
+ },
+ cancel: {
+ marginRight: "auto",
+ },
};
function Create() {
- return (
-
-
-
- Create New User
- Manually create a new user
-
+ return (
+
+
+
+ Create New User
+ Manually create a new user
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
- );
+
+
+
+
+
+
+
+
+ );
}
export default Create;
diff --git a/client/src/components/Edit.jsx b/client/src/components/Edit.jsx
index db8f0390..a817b3b7 100644
--- a/client/src/components/Edit.jsx
+++ b/client/src/components/Edit.jsx
@@ -1,71 +1,82 @@
-import { Box, TextField, Stack, Button, Card, CardHeader, CardContent, Typography } from "@mui/material";
+import {
+ Box,
+ TextField,
+ Stack,
+ Button,
+ Card,
+ CardHeader,
+ CardContent,
+ Typography,
+} from "@mui/material";
const styles = {
- body: {
- height: "100vh",
- display: "flex",
- flexDirection: "column",
- alignItems: "center",
- justifyContent: "center",
- fontFamily: "Helvetica",
- backgroundColor: "#f0f3f8",
- },
- heading: {
- display: "flex",
- width: "47.5rem",
- paddingRight: "0px",
- flexDirection: "column",
- alignItems: "flex-start",
- gap: "0.625rem",
- },
- cancel: {
- marginRight: "auto",
- },
+ body: {
+ height: "100vh",
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ fontFamily: "Helvetica",
+ backgroundColor: "#f0f3f8",
+ },
+ heading: {
+ display: "flex",
+ width: "47.5rem",
+ paddingRight: "0px",
+ flexDirection: "column",
+ alignItems: "flex-start",
+ gap: "0.625rem",
+ },
+ cancel: {
+ marginRight: "auto",
+ },
};
function Edit() {
- return (
-
-
-
- Edit User
- Edit existing user information
-
+ return (
+
+
+
+ Edit User
+
+ Edit existing user information
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
- );
+
+
+
+
+
+
+
+
+ );
}
export default Edit;