adjusted routing system

client/src/App.tsx

 
 import { Suspense, lazy } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { isLoggedIn } from 'adapters/api';
+import ProtectedRoute from 'components/helpers/Rerouters/ProtectedRoute'; 
+import LoginRoute from 'components/helpers/Rerouters/LoginRoute'; 
 
 const Home = lazy(() => import('pages/Home'));
 const Login = lazy(() => import('pages/Login'));
 const Register = lazy(() => import('pages/Register'));
 const Tasks = lazy(() => import('pages/Tasks'));
-const Navigation = lazy(() => import('components/ui/Navigation'));
 
 export default function App() {
     return (
         <Router>
             <Suspense fallback={false}>
-                {isLoggedIn() && <Navigation />}
                 <Switch>
-                    {!isLoggedIn() && <Route path="/register" component={Register} />}
-                    {!isLoggedIn() && <Route exact path="/" component={Home} />}
-                    {!isLoggedIn() && <Route path="/" component={Login} />}
-                    <Route path="/" component={Tasks} />
+                    <ProtectedRoute path="/tasks" component={Tasks} />
+                    <LoginRoute path="/login" component={Login} />
+                    <LoginRoute path="/register" component={Register} />
+                    <Route path="/" component={Home} />
                 </Switch>
             </Suspense>
         </Router>

client/src/adapters/api.ts

-export const isLoggedIn = (): boolean => false;
+export const isLoggedIn = (): boolean => true;

client/src/components/helpers/Rerouters/LoginRoute.tsx

+import { ComponentType } from 'react';
+import { Redirect, Route } from 'react-router-dom';
+import { isLoggedIn } from 'adapters/api';
+
+interface Props {
+    path: string,
+    exact?: boolean,
+    component: ComponentType<any>
+}
+export default function ProtectedRoute({ path, exact, component }: Props) {
+    if (!isLoggedIn()) {
+        return (
+            <Route path={path} exact={exact} component={component} />
+        );
+    }
+    return (
+        <Redirect to="/tasks"/>
+    );
+}
\ No newline at end of file

client/src/components/helpers/Rerouters/ProtectedRoute.tsx

+
+import { ComponentType } from 'react';
+import { Redirect, Route } from 'react-router-dom';
+import { isLoggedIn } from 'adapters/api';
+
+interface Props {
+    path: string,
+    exact?: boolean,
+    component: ComponentType<any>
+}
+export default function ProtectedRoute({ path, exact, component }: Props) {
+    if (isLoggedIn()) {
+        return (
+            <Route path={path} exact={exact} component={component} />
+        );
+    }
+    return (
+        <Redirect to="/login" />
+    );
+}
\ No newline at end of file

client/src/pages/Register/register.scss

+

client/src/pages/Tasks/index.tsx

+import Navigation from 'components/ui/Navigation';
 import './tasks.scss';
 
 export default function Tasks() {
     return (
-        <main>
-            <h1>Tasks</h1>
-        </main>
+        <div className="tasks-page">
+            <Navigation />
+            <main>
+                <h1>Tasks</h1>
+            </main>
+        </div>
     );
 }
\ No newline at end of file