feat : 외출 페이지 추가

team-aliens · Mar 5, 2024 · fde159b · fde159b
1 parent c41586b
commit fde159b
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 9 deletions.
diff --git a/services/admin/src/pages/goOut/index.tsx b/services/admin/src/pages/goOut/index.tsx
@@ -0,0 +1,19 @@
+import { WithNavigatorBar } from '@/components/WithNavigatorBar';
+import styled from 'styled-components';
+import { Button } from '@team-aliens/design-system';
+
+export function Outing() {
+  return (
+    <WithNavigatorBar>
+      <_Wrapper>
+        <Button>모달 열기</Button>
+      </_Wrapper>
+    </WithNavigatorBar>
+  );
+}
+
+const _Wrapper = styled.div`
+  margin: 0 auto;
+  width: 1030px;
+  margin-bottom: 150px;
+`;
diff --git a/services/admin/src/router.tsx b/services/admin/src/router.tsx
@@ -1,9 +1,4 @@
-import {
-  Route,
-  Routes,
-  BrowserRouter,
-  createBrowserRouter,
-} from 'react-router-dom';
+import { createBrowserRouter } from 'react-router-dom';
 import { LoginPage } from '@/pages/LoginPage';
 import { FindIdPage } from './pages/FindId';
 import { Home } from '@/pages/Home';
@@ -22,6 +17,7 @@ import Index from '@/pages/apply';
 import RemainsLists from '@/pages/apply/remains';
 import { pagePath } from './utils/pagePath';
 import { NotFoundPage } from './pages/NotFound';
+import { Outing } from './pages/goOut';
 
 export const pathToKorean = {
   'notice': {
@@ -114,6 +110,10 @@ export const Router = createBrowserRouter([
           },
         ],
       },
+      {
+        path: pagePath.outing,
+        children: [{ index: true, element: <Outing /> }],
+      },
     ],
   },
 ]);
diff --git a/services/admin/src/utils/pagePath.ts b/services/admin/src/utils/pagePath.ts
@@ -16,10 +16,10 @@ interface PagePath {
       list: '/apply/study';
       create: '/apply/study/create';
       deatail: (
-        studyRoomId: number | string,
+        studyRoomId: number | string
       ) => `/apply/study/detail/${typeof studyRoomId}`;
       patch: (
-        studyRoomId: number | string,
+        studyRoomId: number | string
       ) => `/apply/study/detail/patch/${typeof studyRoomId}`;
     };
   };
@@ -28,9 +28,10 @@ interface PagePath {
     write: '/notice/write';
     detail: (noticeId: number | string) => `/notice/detail/${typeof noticeId}`;
     patch: (
-      noticeId: number | string,
+      noticeId: number | string
     ) => `/notice/detail/patch/${typeof noticeId}`;
   };
+  outing: '/outing';
 }
 
 export const pagePath: PagePath = {
@@ -62,4 +63,5 @@ export const pagePath: PagePath = {
         `/apply/study/detail/patch/${studyRoomId}`,
     },
   },
+  outing: '/outing',
 } as const;