Merge pull request #1595 from woowacourse/feature/1594-guest-fix

게스트 회원은 로드맵 답변을 쓸 수 없다
woowacourse · Oct 11, 2023 · aa035e7 · aa035e7
2 parents a2e4000 + a5caa80
commit aa035e7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/frontend/src/components/KeywordDetailSideSheet/KeywordDetailSideSheet.tsx b/frontend/src/components/KeywordDetailSideSheet/KeywordDetailSideSheet.tsx
@@ -16,9 +16,11 @@ const KeywordDetailSideSheet = ({
 }: KeywordDetailSideSheetProps) => {
   const { name, keywordId, description, recommendedPosts } = keywordDetail;
 
-  const { user: { isLoggedIn } } = useContext(UserContext);
+  const { user: { isLoggedIn, role } } = useContext(UserContext);
   const { quizList } = useGetQuizListByKeyword({ keywordId });
 
+  const isAuthorized = isLoggedIn && role !== 'GUEST';
+
   return (
     <SideSheet onClickBackdrop={handleCloseSideSheet}>
       <Styled.Root>
@@ -32,10 +34,10 @@ const KeywordDetailSideSheet = ({
           <ol>
             {quizList?.map(({ quizId, question }, index) => (
               <li key={quizId}>
-                {isLoggedIn && (
+                {isAuthorized && (
                   <a href={`/quizzes/${quizId}/essay-answers/form`}>{index + 1}. {question}</a>
                 )}
-                {!isLoggedIn && (
+                {!isAuthorized && (
                   <>{index + 1}. {question}</>
                 )}
                 &nbsp;/&nbsp;

diff --git a/frontend/src/pages/RoadmapPage/index.tsx b/frontend/src/pages/RoadmapPage/index.tsx
@@ -51,7 +51,7 @@ const RoadmapPage = () => {
       <RoadmapStyles />
       <Styled.Main>
         <section>
-          <Styled.Title>커리큘럼</Styled.Title>
+          <Styled.Title>로드맵</Styled.Title>
           <Styled.CurriculumButtonList>
             {curriculums?.map((curriculum) => (
               <ResponsiveButton
@@ -71,8 +71,6 @@ const RoadmapPage = () => {
         </section>
 
         <section style={{ marginBottom: '4rem' }}>
-          <Styled.Title>로드맵!!</Styled.Title>
-
           <ImportanceLegend />
 
           <Styled.RoadmapContainer>

diff --git a/frontend/src/pages/RoadmapPage/styles.tsx b/frontend/src/pages/RoadmapPage/styles.tsx
@@ -10,6 +10,7 @@ export const Main = styled.main`
   display: flex;
   flex-direction: column;
   gap: 30px;
+  width: 100%;
   max-width: 112rem;
   overflow-x: hidden;
   padding: 0 4rem;