Added after login logic

package.json

@@ -29,7 +29,7 @@
     "sass": "^1.52.3"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start:app": "react-scripts start",
     "start:mock": "node ./mock/server.js",
     "build": "react-scripts build",
     "test": "react-scripts test",

src/App.js

@@ -14,10 +14,11 @@ import "./styles/dark.scss"
 function App() {
   const { theme } = useSelector((state) => state.application.app);
   const { loggedIn } = useSelector((state) => state.authentication);
+
   if(!loggedIn) {
     history.push("/");
   }
-
+  
   return (
     <BrowserRouter>
       <div className={theme === DARK_MODE ? "app-container dark" : "app-container"}>
@@ -27,8 +28,8 @@ function App() {
           <Routes history={history}>
             <Route path="/">
               {!loggedIn && <Route index element={<Login />} />}
-              <Route path="home" element={<Home />} />
-              <Route path="users" element={<Datagrid />} />
+              {loggedIn && <Route path="home" element={<Home />} />}
+              {loggedIn && <Route path="users" element={<Datagrid />} />}
             </Route>
           </Routes>
         </div>

src/components/Login/Login.jsx

@@ -23,7 +23,7 @@ const Login = () => {
         <div>
           <input id="password" placeholder="Password" type={"password"} className="input-style" onChange={(event) => onTextChange(event)}/>
         </div>
-        <button className="button-style" onClick={() => {console.log(form); dispatch(actions.login(form))}}>Login</button>
+        <button className="button-style" onClick={() => {dispatch(actions.login(form))}}>Login</button>
       </div>
     </div>
   );

src/components/Sidebar/Sidebar.jsx

@@ -4,6 +4,7 @@ import "./Sidebar.scss";
 import { Link } from "react-router-dom";
 import { useDispatch } from "react-redux";
 import { actions as appActions } from "../../data/app";
+import { actions as authActions } from "../../data/login";
 
 const Sidebar = () => {
   const dispatch = useDispatch();
@@ -56,7 +57,7 @@ const Sidebar = () => {
             <AccountBox className="group-item-icon"/>
             <div className="group-item-title">Profile</div>
           </div>
-          <div className="group-item">
+          <div className="group-item" onClick={() => {dispatch(authActions.logout()); window.location.reload();}}>
             <Logout className="group-item-icon"/>
             <div className="group-item-title">Logout</div>
           </div>

src/data/login/reducers.js

@@ -4,7 +4,6 @@ export default (state, action) => {
   state = state || { loading: false, error: null, loggedIn: false };
   switch (action.type) {
     case actionType.AUTHENTICATION_LOGIN:
-      console.log(action);
       return {
         ...state,
         loading: true,