From 26f0f10dde3c3d45b744978730e5cf06b122887f Mon Sep 17 00:00:00 2001 From: Sunami97 Date: Thu, 28 Nov 2024 17:10:53 +0900 Subject: [PATCH 1/4] =?UTF-8?q?feat:=20qfeed-68=20=EC=B7=A8=ED=96=A5=20?= =?UTF-8?q?=EC=84=A0=ED=83=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=A0=88?= =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Select/index.tsx | 54 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 src/pages/Select/index.tsx diff --git a/src/pages/Select/index.tsx b/src/pages/Select/index.tsx new file mode 100644 index 0000000..bd6ae46 --- /dev/null +++ b/src/pages/Select/index.tsx @@ -0,0 +1,54 @@ +import styled from '@emotion/styled'; +import { Logo } from '@/components/ui/Logo/Logo'; +import CategorySelectContainer from '@/components/ui/CategorySelectContainer/CategorySelectContainer'; +import theme from '@/styles/theme'; + +const SelectPage = () => { + const handleCategorySelect = (categoryId: string) => { + alert(`선택한 카테고리(${categoryId}) 페이지 이동`); + }; + + return ( + + + + + 당신의 취향을 골라주세요! + + + + + ); +}; + +const Container = styled.div` + width: 100%; + padding: 2rem 1rem; + background-color: #FFF9F4; + min-height: calc(100vh - 5.25rem); + margin-bottom: 5.25rem; + overflow: auto; +`; + +const LogoWrapper = styled.div` + width: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-top: 8.75rem; + margin-bottom: 2.358rem; +`; + +const Title = styled.h1` + font-size: 1.125rem; + font-weight: bold; + color: ${theme.colors.primary}; + text-align: center; + margin-bottom: 4.875rem; +`; + +const CategoryContainer = styled.div` + width: 100%; +`; + +export default SelectPage; From ed537034fbf7550600d1a4fbac207776a4a7a557 Mon Sep 17 00:00:00 2001 From: Sunami97 Date: Thu, 28 Nov 2024 17:11:23 +0900 Subject: [PATCH 2/4] =?UTF-8?q?feat:=20qfeed-68=20=EC=B7=A8=ED=96=A5=20?= =?UTF-8?q?=EC=84=A0=ED=83=9D=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=9D=BC?= =?UTF-8?q?=EC=9A=B0=ED=84=B0=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/router/index.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/router/index.tsx b/src/router/index.tsx index f028819..209200a 100644 --- a/src/router/index.tsx +++ b/src/router/index.tsx @@ -7,6 +7,8 @@ import QSpaceMainPage from '@/pages/QSpaceMain'; import CategorySelectPage from '@/pages/QSpacePost/CategorySelectPage'; import { createBrowserRouter } from 'react-router-dom'; import PostGroupPage from '@/pages/QSpacePost/PostGroupPage'; +import SelectPage from '@/pages/Select'; + const router = createBrowserRouter([ { @@ -41,6 +43,10 @@ const router = createBrowserRouter([ path: '/login', element: , }, + { + path: '/select', + element: , + } ], }, ]); From 98f3712fa37b9b6872239bc1b0a583170f5498c8 Mon Sep 17 00:00:00 2001 From: Sunami97 Date: Sun, 1 Dec 2024 12:55:32 +0900 Subject: [PATCH 3/4] =?UTF-8?q?feat:=20qfeed-68=20=EC=A7=88=EB=AC=B8?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=84=A4=EB=B9=84=EA=B2=8C?= =?UTF-8?q?=EC=9D=B4=EC=85=98=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Select/index.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/pages/Select/index.tsx b/src/pages/Select/index.tsx index bd6ae46..f7cb988 100644 --- a/src/pages/Select/index.tsx +++ b/src/pages/Select/index.tsx @@ -1,11 +1,14 @@ import styled from '@emotion/styled'; +import { useNavigate } from 'react-router-dom'; import { Logo } from '@/components/ui/Logo/Logo'; import CategorySelectContainer from '@/components/ui/CategorySelectContainer/CategorySelectContainer'; import theme from '@/styles/theme'; const SelectPage = () => { + const navigate = useNavigate(); const handleCategorySelect = (categoryId: string) => { - alert(`선택한 카테고리(${categoryId}) 페이지 이동`); + //질문에 답했는데 확인 로직 추가 + navigate(`/question/${categoryId}`); }; return ( From c53cd43d99e8fd2656396fc531474f6daa82512a Mon Sep 17 00:00:00 2001 From: Sunami97 Date: Sun, 1 Dec 2024 12:55:59 +0900 Subject: [PATCH 4/4] =?UTF-8?q?feat:=20qfeed-68=20=EC=84=A0=ED=83=9D=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=9D=BC=EC=9A=B0=ED=84=B0=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/router/index.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/router/index.tsx b/src/router/index.tsx index 455177a..ce03ee8 100644 --- a/src/router/index.tsx +++ b/src/router/index.tsx @@ -12,6 +12,7 @@ import { LandingPage } from '@/pages/Landing'; import ChatRoom from '@/pages/ChatRoom'; import QSpaceDetailPage from '@/pages/QSpaceDetail'; import QuestionPage from '@/pages/Question'; +import SelectPage from '@/pages/Select'; const router = createBrowserRouter([ { @@ -66,6 +67,10 @@ const router = createBrowserRouter([ path: '/question/:category', element: , }, + { + path: '/select', + element: , + }, ], }, ]);