refactor: 매칭 테이블 글씨 크기 수정

woowacourse-teams · Oct 12, 2024 · e78e7a8 · e78e7a8
1 parent d9d7262
commit e78e7a8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 15 deletions.
diff --git a/frontend/src/components/roomDetailPage/myReviewee/MyReviewee.style.ts b/frontend/src/components/roomDetailPage/myReviewee/MyReviewee.style.ts
@@ -36,6 +36,11 @@ export const MyRevieweeContent = styled.span`
 
   font: ${({ theme }) => theme.TEXT.semiSmall};
   text-align: center;
+
+  p {
+    font: ${({ theme }) => theme.TEXT.semiSmall};
+    text-align: center;
+  }
 `;
 
 export const PRLink = styled.a`
@@ -55,12 +60,6 @@ export const PRLink = styled.a`
   }
 `;
 
-export const ButtonContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-`;
-
 export const IconWrapper = styled.span`
   ${media.small`
     display: none;

diff --git a/frontend/src/components/roomDetailPage/myReviewee/MyReviewee.tsx b/frontend/src/components/roomDetailPage/myReviewee/MyReviewee.tsx
@@ -83,15 +83,20 @@ const MyReviewee = ({ roomInfo }: MyReviewerProps) => {
     );
   }
 
+  // 리뷰어일 때 매칭된 리뷰이 없으면 보여줄 화면
+  if (roomInfo.memberRole === "REVIEWER" && revieweeData.length === 0) {
+    return (
+      <S.GuidanceWrapper>
+        <p className="process-paused">{MESSAGES.GUIDANCE.REVIEWEE_FAIL_MATCHED}</p>
+      </S.GuidanceWrapper>
+    );
+  }
+
   // 방 종료 후 실패했을 때 보여줄 화면
   if (roomInfo.roomStatus === "CLOSE" && revieweeData.length === 0) {
     return (
       <S.GuidanceWrapper>
-        <p className="process-paused">
-          {roomInfo.memberRole === "REVIEWER"
-            ? MESSAGES.GUIDANCE.REVIEWEE_FAIL_MATCHED
-            : MESSAGES.GUIDANCE.FAIL_MATCHED}
-        </p>
+        <p className="process-paused">{MESSAGES.GUIDANCE.FAIL_MATCHED}</p>
       </S.GuidanceWrapper>
     );
   }
@@ -137,9 +142,7 @@ const MyReviewee = ({ roomInfo }: MyReviewerProps) => {
               </S.PRLink>
             </S.MyRevieweeContent>
 
-            <S.MyRevieweeContent>
-              <S.ButtonContainer>{renderRevieweeButton(reviewee)}</S.ButtonContainer>
-            </S.MyRevieweeContent>
+            <S.MyRevieweeContent>{renderRevieweeButton(reviewee)}</S.MyRevieweeContent>
           </S.MyRevieweeWrapper>
         ))}
       </S.MyRevieweeContainer>

diff --git a/frontend/src/components/roomDetailPage/myReviewer/MyReviewer.tsx b/frontend/src/components/roomDetailPage/myReviewer/MyReviewer.tsx
@@ -43,7 +43,7 @@ const MyReviewer = ({ roomInfo }: MyReviewerProps) => {
     });
 
     if (roomInfo.roomStatus === "CLOSE" && !reviewer.isReviewed) {
-      return <p>리뷰어가 리뷰를 안했어요</p>;
+      return <p>리뷰어가 리뷰를 안 했어요</p>;
     }
 
     return reviewer.isReviewed ? (