diff --git a/src/App.tsx b/src/App.tsx index d53332e..a6a34c3 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,4 +1,4 @@ -import { BrowserRouter as Router, Routes, Route, useLocation } from 'react-router-dom'; +import { BrowserRouter as Router, Routes, Route, useLocation, Navigate } from 'react-router-dom'; import { useEffect } from 'react'; import LoginSwitcher from './components/switcher/LoginSwitcher'; @@ -6,6 +6,8 @@ import BuildingSelectPage from './pages/BuildingSelectPage'; import ZoneSelectPage from './pages/ZoneSelectPage'; import QRCodeScanner from './pages/QRCodeScanner'; +import PrivateRoute from './contexts/PrivateRoute'; + function GlobalPopStateHandler() { useEffect(() => { const handlePopState = () => { @@ -63,11 +65,16 @@ function App() { - } /> + {/* 로그인 안한 상태에서 접근 시 로그인 페이지로 이동 */} + } /> + } /> - } /> - } /> - } /> + + }> + } /> + } /> + } /> + ); diff --git a/src/contexts/PrivateRoute.tsx b/src/contexts/PrivateRoute.tsx index 9cfe9f0..b24944e 100644 --- a/src/contexts/PrivateRoute.tsx +++ b/src/contexts/PrivateRoute.tsx @@ -2,7 +2,7 @@ import { Navigate, Outlet } from 'react-router-dom'; const PrivateRoute = () => { const isLoggedIn = !!localStorage.getItem('accessToken'); - return isLoggedIn ? : ; + return isLoggedIn ? : ; }; export default PrivateRoute;