|
1 |
| -import { Outlet, RouteObject, RouterProvider, createBrowserRouter } from "react-router-dom"; |
2 |
| -import { LoginPage, SignupPage, AuthPage, TempHomepage } from "./pages"; |
| 1 | +import { |
| 2 | + Outlet, |
| 3 | + RouteObject, |
| 4 | + RouterProvider, |
| 5 | + createBrowserRouter, |
| 6 | +} from "react-router-dom"; |
| 7 | +import { |
| 8 | + LoginPage, |
| 9 | + SignupPage, |
| 10 | + AuthPage, |
| 11 | + TempHomepage, |
| 12 | + ProjectsPage, |
| 13 | + ProjectCreatePage, |
| 14 | +} from "./pages"; |
3 | 15 | import { ROUTER_URL } from "./constants/path";
|
4 |
| -import ProjectsPage from "./pages/projects/ProjectsPage"; |
5 | 16 | import GlobalErrorBoundary from "./GlobalErrorBoundary";
|
6 | 17 | import PrivateRoute from "./components/common/route/PrivateRoute";
|
7 | 18 | import PublicRoute from "./components/common/route/PublicRoute";
|
8 | 19 |
|
9 | 20 | type RouteType = "PRIVATE" | "PUBLIC";
|
10 | 21 |
|
11 |
| -const createAuthCheckRouter = (routeType: RouteType, children: RouteObject[]) => { |
12 |
| - const authCheckRouter = children.map((child: RouteObject) => { |
13 |
| - return { |
14 |
| - element: routeType === "PRIVATE" ? <PrivateRoute /> : <PublicRoute />, |
15 |
| - children: [child], |
16 |
| - }; |
17 |
| - }); |
| 22 | +const createAuthCheckRouter = ( |
| 23 | + routeType: RouteType, |
| 24 | + children: RouteObject[] |
| 25 | +) => { |
| 26 | + const authCheckRouter = children.map((child: RouteObject) => ({ |
| 27 | + element: routeType === "PRIVATE" ? <PrivateRoute /> : <PublicRoute />, |
| 28 | + children: [child], |
| 29 | + })); |
18 | 30 | return authCheckRouter;
|
19 | 31 | };
|
20 | 32 |
|
@@ -50,13 +62,15 @@ const router = createBrowserRouter([
|
50 | 62 | path: ROUTER_URL.PROJECTS,
|
51 | 63 | element: <ProjectsPage />,
|
52 | 64 | },
|
| 65 | + { |
| 66 | + path: ROUTER_URL.PROJECTS_CREATE, |
| 67 | + element: <ProjectCreatePage />, |
| 68 | + }, |
53 | 69 | ]),
|
54 | 70 | ],
|
55 | 71 | },
|
56 | 72 | ]);
|
57 | 73 |
|
58 |
| -const AppRouter = () => { |
59 |
| - return <RouterProvider router={router} />; |
60 |
| -}; |
| 74 | +const AppRouter = () => <RouterProvider router={router} />; |
61 | 75 |
|
62 | 76 | export default AppRouter;
|
0 commit comments