feat: 전체서비스 페이지에 몇몇 탭 추가

Java-and-Script · Dec 3, 2023 · 54352e5 · 54352e5
1 parent b6fb39c
commit 54352e5
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 2 deletions.
diff --git a/src/assets/foot.svg b/src/assets/foot.svg
diff --git a/src/assets/star.svg b/src/assets/star.svg
diff --git a/src/pages/AllServicesPage/AllServicesPage.tsx b/src/pages/AllServicesPage/AllServicesPage.tsx
@@ -10,11 +10,13 @@ import Chat from '@assets/chat.svg?react';
 import CrewManage from '@assets/crewManage.svg?react';
 import CrewMember from '@assets/crewMember.svg?react';
 import Exit from '@assets/exit.svg?react';
+import Foot from '@assets/foot.svg?react';
 import Map from '@assets/map.svg?react';
 import Medal from '@assets/medal.svg?react';
 import Pen from '@assets/pen.svg?react';
 import Profile from '@assets/profile.svg?react';
 import Social from '@assets/social.svg?react';
+import Star from '@assets/star.svg?react';
 import Whistle from '@assets/whistle.svg?react';
 
 import {
@@ -74,6 +76,17 @@ export const AllServicesPage = () => {
           <Text size="1rem" weight={700}>
             게스트 매치
           </Text>
+          <MenuItem
+            icon={<Pen />}
+            pageName="게스트 모집하기"
+            onClickMenuItem={() => moveToPage(PATH_NAME.CREATE_GAME)}
+          />
+          <MenuItem
+            icon={<Foot />}
+            pageName="내 근처 게스트 매치"
+            color={myId ? null : theme.PALETTE.GRAY_300}
+            onClickMenuItem={() => moveToPage(PATH_NAME.GAMES_NEAR)}
+          />
           <MenuItem
             icon={<Ball />}
             pageName="내가 참여한 게스트 매치"
@@ -91,6 +104,16 @@ export const AllServicesPage = () => {
           <Text size="1rem" weight={700}>
             크루
           </Text>
+          <MenuItem
+            icon={<Pen />}
+            pageName="크루 만들기"
+            onClickMenuItem={() => moveToPage(PATH_NAME.CREATE_CREW)}
+          />
+          <MenuItem
+            icon={<Star />}
+            pageName="추천 크루"
+            onClickMenuItem={() => moveToPage(PATH_NAME.CREWS_RECOMMEND)}
+          />
           <MenuItem
             icon={<CrewManage />}
             pageName="내가 속한 크루"

diff --git a/src/pages/CreatePage/CreatePage.tsx b/src/pages/CreatePage/CreatePage.tsx
@@ -5,7 +5,7 @@ import { Header } from '@components/Header';
 import { PATH_NAME } from '@constants/pathName';
 
 import { CreatePageContainer } from './CreatePage.style';
-import { CreatePageCard } from './CreatePageCard';
+import { CreatePageCard } from './components/CreatePageCard';
 
 export const CreatePage = () => {
   const navigate = useNavigate();
@@ -20,7 +20,7 @@ export const CreatePage = () => {
 
   return (
     <>
-      <Header title="글 작성" />
+      <Header title="글쓰기" />
       <CreatePageContainer direction="column" gap={10}>
         <CreatePageCard
           onClick={moveToCreateGame}