feat: started settings style

frontend/src/pages/Settings/index.js

@@ -0,0 +1,73 @@
+import React, { useState, useEffect } from "react";
+import { useHistory } from "react-router-dom";
+import api from "../../services/api";
+import openSocket from "socket.io-client";
+
+import { makeStyles } from "@material-ui/core/styles";
+
+import Paper from "@material-ui/core/Paper";
+
+import Switch from "@material-ui/core/Switch";
+import Typography from "@material-ui/core/Typography";
+import Container from "@material-ui/core/Container";
+
+const useStyles = makeStyles(theme => ({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		padding: theme.spacing(4),
+	},
+
+	paper: {
+		padding: theme.spacing(2),
+		display: "flex",
+		alignItems: "center",
+	},
+
+	switch: {
+		marginLeft: "auto",
+	},
+}));
+
+const WhatsAuth = () => {
+	const classes = useStyles();
+	// const history = useHistory();
+
+	const [settings, setSettings] = useState([]);
+
+	// useEffect(() => {
+	// 	const fetchSession = async () => {
+	// 		try {
+	// 			const { data } = await api.get("/whatsapp/session/1");
+	// 			setQrCode(data.qrcode);
+	// 			setSession(data);
+	// 		} catch (err) {
+	// 			console.log(err);
+	// 		}
+	// 	};
+	// 	fetchSession();
+	// }, []);
+
+	return (
+		<div className={classes.root}>
+			<Container className={classes.container} maxWidth="sm">
+				<Typography variant="subtitle1" gutterBottom>
+					Settings
+				</Typography>
+				<Paper className={classes.paper}>
+					<Typography variant="body2">Enable user creation</Typography>
+					<Switch
+						size="small"
+						className={classes.switch}
+						checked={true}
+						// onChange={() => setShowAllTickets(prevState => !prevState)}
+						name="showAllTickets"
+						color="primary"
+					/>
+				</Paper>
+			</Container>
+		</div>
+	);
+};
+
+export default WhatsAuth;

frontend/src/routes/index.js

@@ -8,6 +8,7 @@ import Tickets from "../pages/Tickets/";
 import Signup from "../pages/Signup/";
 import Login from "../pages/Login/";
 import Connection from "../pages/Connection/";
+import Settings from "../pages/Settings/";
 import Users from "../pages/Users";
 import Contacts from "../pages/Contacts/";
 import { AuthProvider } from "../context/Auth/AuthContext";
@@ -31,6 +32,7 @@ const Routes = () => {
 						<Route exact path="/connection" component={Connection} isPrivate />
 						<Route exact path="/contacts" component={Contacts} isPrivate />
 						<Route exact path="/users" component={Users} isPrivate />
+						<Route exact path="/Settings" component={Settings} isPrivate />
 					</MainDrawer>
 				</Switch>
 				<ToastContainer autoClose={3000} />