diff --git a/frontend/src/components/KeywordDetailSideSheet/KeywordDetailSideSheet.tsx b/frontend/src/components/KeywordDetailSideSheet/KeywordDetailSideSheet.tsx index 472a105ac..e3ebc3bd8 100644 --- 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 ( @@ -32,10 +34,10 @@ const KeywordDetailSideSheet = ({
    {quizList?.map(({ quizId, question }, index) => (
  1. - {isLoggedIn && ( + {isAuthorized && ( {index + 1}. {question} )} - {!isLoggedIn && ( + {!isAuthorized && ( <>{index + 1}. {question} )}  /  diff --git a/frontend/src/pages/RoadmapPage/index.tsx b/frontend/src/pages/RoadmapPage/index.tsx index b2ee342a7..e7d81f40b 100644 --- a/frontend/src/pages/RoadmapPage/index.tsx +++ b/frontend/src/pages/RoadmapPage/index.tsx @@ -51,7 +51,7 @@ const RoadmapPage = () => {
    - 커리큘럼 + 로드맵 {curriculums?.map((curriculum) => ( {
    - 로드맵!! - diff --git a/frontend/src/pages/RoadmapPage/styles.tsx b/frontend/src/pages/RoadmapPage/styles.tsx index 1f8960834..7b04f8cce 100644 --- 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;