From dbb70d8af6659cae464df8b26492ed3948422083 Mon Sep 17 00:00:00 2001
From: sosokker <sirin_29@hotmail.co.th>
Date: Sat, 11 Nov 2023 22:59:27 +0700
Subject: [PATCH] Separate Login and Signup

---
 frontend/src/App.jsx | 75 +++++++++++++++++++++++---------------------
 1 file changed, 40 insertions(+), 35 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 071fced..cbd3257 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,40 +1,45 @@
-import './App.css';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import "./App.css";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
 
-import TestAuth from './components/testAuth';
-import LoginPage from './components/authentication/LoginPage';
-import SignUpPage from './components/authentication/SignUpPage';
-import NavBar from './components/nav/Navbar';
-import Home from './components/Home';
-import ProfileUpdate from './components/ProfileUpdatePage';
-import Calendar from './components/calendar/calendar';
-import KanbanBoard from './components/kanbanBoard/kanbanBoard';
-import IconSideNav from './components/IconSideNav';
-import Eisenhower from './components/EisenhowerMatrix/Eisenhower';
+import TestAuth from "./components/testAuth";
+import LoginPage from "./components/authentication/LoginPage";
+import SignUpPage from "./components/authentication/SignUpPage";
+import NavBar from "./components/nav/Navbar";
+import Home from "./components/Home";
+import ProfileUpdate from "./components/ProfileUpdatePage";
+import Calendar from "./components/calendar/calendar";
+import KanbanBoard from "./components/kanbanBoard/kanbanBoard";
+import IconSideNav from "./components/IconSideNav";
+import Eisenhower from "./components/eisenhowerMatrix/Eisenhower";
 
 const App = () => {
-    return (
-        <BrowserRouter>
-        <div className='display: flex'>
-                <IconSideNav />
-                <div className='flex-1'>
-                <NavBar />
-                <div className='flex items-center justify-center'>
-                    <Routes>
-                        <Route path="/" element={<Home />} />
-                        <Route path="/tasks" element={<KanbanBoard />} />
-                        <Route path="/login" element={<LoginPage />} />
-                        <Route path="/signup" element={<SignUpPage />} />
-                        <Route path="/testAuth" element={<TestAuth />} />
-                        <Route path="/update_profile" element={<ProfileUpdate />} />
-                        <Route path="/calendar" element={<Calendar />} />
-                        <Route path="/priority" element={<Eisenhower/>} />
-                    </Routes>
-                    </div>
-                </div>
-            </div>
-        </BrowserRouter>
-    );
-}
+  const currentPath = window.location.pathname;
+  const prevention = ["/login", "/signup"];
+
+  return (
+    <BrowserRouter>
+      <div className="display: flex">
+        {!prevention.some(_ => currentPath.includes(_)) && <IconSideNav />}
+        <div className="flex-1">
+          <NavBar />
+          <div className="flex items-center justify-center">
+            <Routes>
+              <Route path="/" element={<Home />} />
+              <Route path="/tasks" element={<KanbanBoard />} />
+              <Route path="/testAuth" element={<TestAuth />} />
+              <Route path="/update_profile" element={<ProfileUpdate />} />
+              <Route path="/calendar" element={<Calendar />} />
+              <Route path="/priority" element={<Eisenhower />} />
+            </Routes>
+          </div>
+        </div>
+      </div>
+      <Routes>
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/signup" element={<SignUpPage />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};
 
 export default App;