settings step

src/constants/steps.js

@@ -1,4 +1,4 @@
-import { GroupAdd, VpnKey } from "@material-ui/icons";
+import { GroupAdd, VpnKey, Settings } from "@material-ui/icons";
 
 const steps = [
   {
@@ -14,6 +14,13 @@ const steps = [
     route: "/about",
     disabled: false,
     icon: <GroupAdd />
+  },
+  {
+    id: 2,
+    title: "Settings",
+    route: "/settings",
+    disabled: false,
+    icon: <Settings />
   }
 ];
 

src/features/login/components/LoginComponent.js

@@ -3,10 +3,10 @@ import { makeStyles } from "@material-ui/core/styles";
 import { TextField, InputAdornment } from "@material-ui/core";
 import { AccountCircleOutlined, LockOutlined } from "@material-ui/icons";
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
   margin: {
-    margin: theme.spacing(1),
-  },
+    margin: theme.spacing(1)
+  }
 }));
 
 const LoginComponent = () => {
@@ -22,7 +22,7 @@ const LoginComponent = () => {
             <InputAdornment position="start">
               <AccountCircleOutlined />
             </InputAdornment>
-          ),
+          )
         }}
       />
       <br />
@@ -35,7 +35,7 @@ const LoginComponent = () => {
             <InputAdornment position="start">
               <LockOutlined />
             </InputAdornment>
-          ),
+          )
         }}
       />
     </div>