Separate Login and Signup

This commit is contained in:
sosokker 2023-11-11 22:59:27 +07:00
parent ff84f020e3
commit dbb70d8af6

View File

@ -1,30 +1,31 @@
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 = () => {
const currentPath = window.location.pathname;
const prevention = ["/login", "/signup"];
return (
<BrowserRouter>
<div className='display: flex'>
<IconSideNav />
<div className='flex-1'>
<div className="display: flex">
{!prevention.some(_ => currentPath.includes(_)) && <IconSideNav />}
<div className="flex-1">
<NavBar />
<div className='flex items-center justify-center'>
<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 />} />
@ -33,8 +34,12 @@ const App = () => {
</div>
</div>
</div>
<Routes>
<Route path="/login" element={<LoginPage />} />
<Route path="/signup" element={<SignUpPage />} />
</Routes>
</BrowserRouter>
);
}
};
export default App;