🐛fix: 수정사항 적용 완료

donga-it-club · Jul 21, 2024 · 201ddf5 · 201ddf5
1 parent 71b800c
commit 201ddf5
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 19 deletions.
diff --git a/src/components/layout/parts/PageSideBar.tsx b/src/components/layout/parts/PageSideBar.tsx
@@ -2,7 +2,7 @@ import { FC, useEffect, useState } from 'react';
 import { PeopleFill, Person, PersonFill, PlusCircleFill } from 'react-bootstrap-icons';
 import { IoIosListBox } from 'react-icons/io';
 import { RiFolder6Fill } from 'react-icons/ri';
-import { Link, useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import {
   Accordion,
   AccordionButton,
@@ -167,24 +167,30 @@ const PageSideBar: FC<Props> = ({ onClose }) => {
         </AccordionItem>
 
         <AccordionItem border="1px solid gray">
-          <Link to="/create">
-            <AccordionButton>
-              <Flex alignItems="center" padding="2px 10px">
-                <PlusCircleFill style={{ marginRight: '5px' }} />
-                <a style={{ color: '#111b47', textDecoration: 'none' }}>Create New Retrospective</a>
-              </Flex>
-            </AccordionButton>
-          </Link>
+          <AccordionButton
+            onClick={() => {
+              navigate('/create');
+              onClose();
+            }}
+          >
+            <Flex alignItems="center" padding="2px 10px">
+              <PlusCircleFill style={{ marginRight: '5px' }} />
+              <a style={{ color: '#111b47', textDecoration: 'none' }}>Create New Retrospective</a>
+            </Flex>
+          </AccordionButton>
         </AccordionItem>
         <AccordionItem borderBottom="1px solid gray">
-          <Link to="/retrolist">
-            <AccordionButton>
-              <Flex alignItems="center" padding="2px 10px">
-                <IoIosListBox style={{ marginRight: '5px' }} />
-                <a style={{ color: '#111b47', textDecoration: 'none' }}>Go to Retrospect List</a>
-              </Flex>
-            </AccordionButton>
-          </Link>
+          <AccordionButton
+            onClick={() => {
+              navigate('/retrolist');
+              onClose();
+            }}
+          >
+            <Flex alignItems="center" padding="2px 10px">
+              <IoIosListBox style={{ marginRight: '5px' }} />
+              <a style={{ color: '#111b47', textDecoration: 'none' }}>Go to the Retrospect List</a>
+            </Flex>
+          </AccordionButton>
         </AccordionItem>
       </Accordion>
     </S.SideBarBGContainer>

diff --git a/src/pages/CreateRetroPage.tsx b/src/pages/CreateRetroPage.tsx
@@ -39,7 +39,7 @@ const CreateRetroPage: React.FC = () => {
           </S.SpacedButton>
           <D.SpacedLeft>
             <D.DescriptionTitle backgroundColor="#111b47">
-              <span style={{ fontWeight: 'bold' }}>팀 회고 템플릿 소개</span>
+              <span style={{ fontWeight: 'bold' }}>팀 회고 템플릿</span>
             </D.DescriptionTitle>
             <TeamRetroDescription />
           </D.SpacedLeft>
@@ -50,7 +50,7 @@ const CreateRetroPage: React.FC = () => {
           </S.SpacedButton>
           <D.SpacedRight>
             <D.DescriptionTitle color="#111b47">
-              <span style={{ fontWeight: 'bold' }}>개인 회고 템플릿 소개</span>
+              <span style={{ fontWeight: 'bold' }}>개인 회고 템플릿</span>
             </D.DescriptionTitle>
             <PersonalRetroDescription />
           </D.SpacedRight>