마감기한 지남 (OVERDUE) 라벨 추가 (#421)

* feat: 마감기한 지남 상태 추가 * design: 러너 게시글 프로필 이름 가운데 정렬
woowacourse-teams · Aug 18, 2023 · 963bed6 · 963bed6
1 parent be6e7d3
commit 963bed6
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/frontend/src/components/MyPage/MyPagePostItem/MyPagePostItem.tsx b/frontend/src/components/MyPage/MyPagePostItem/MyPagePostItem.tsx
@@ -35,7 +35,9 @@ const MyPagePostItem = ({
         <S.PostTitle>{title}</S.PostTitle>
         <S.DeadLineContainer>
           <S.DeadLine>{deadline} 까지</S.DeadLine>
-          <Label colorTheme={reviewStatus === 'DONE' ? 'GRAY' : reviewStatus === 'IN_PROGRESS' ? 'RED' : 'WHITE'}>
+          <Label
+            colorTheme={reviewStatus === 'NOT_STARTED' ? 'WHITE' : reviewStatus === 'IN_PROGRESS' ? 'RED' : 'GRAY'}
+          >
             {REVIEW_STATUS_LABEL_TEXT[reviewStatus]}
           </Label>
         </S.DeadLineContainer>

diff --git a/frontend/src/components/RunnerPost/RunnerPostItem/RunnerPostItem.tsx b/frontend/src/components/RunnerPost/RunnerPostItem/RunnerPostItem.tsx
@@ -25,7 +25,9 @@ const RunnerPostItem = ({
         <S.PostTitle>{title}</S.PostTitle>
         <S.DeadLineContainer>
           <S.DeadLine>{deadline.replace('T', ' ')} 까지</S.DeadLine>
-          <Label colorTheme={reviewStatus === 'DONE' ? 'GRAY' : reviewStatus === 'IN_PROGRESS' ? 'RED' : 'WHITE'}>
+          <Label
+            colorTheme={reviewStatus === 'NOT_STARTED' ? 'WHITE' : reviewStatus === 'IN_PROGRESS' ? 'RED' : 'GRAY'}
+          >
             {REVIEW_STATUS_LABEL_TEXT[reviewStatus]}
           </Label>
         </S.DeadLineContainer>
@@ -128,7 +130,10 @@ const S = {
   `,
 
   ProfileName: styled.p`
+    min-width: 50px;
+
     font-size: 14px;
+    text-align: center;
   `,
 
   ChatViewContainer: styled.div`

diff --git a/frontend/src/constants/index.ts b/frontend/src/constants/index.ts
@@ -7,6 +7,7 @@ export const REVIEW_STATUS_LABEL_TEXT: { [key in ReviewStatus]: string } = {
   NOT_STARTED: '리뷰 대기중',
   IN_PROGRESS: '리뷰 진행중',
   DONE: '리뷰 완료',
+  OVERDUE: '마감기한 지남',
 };
 
 export const REVIEW_STATUS: ReviewStatus[] = Object.keys(REVIEW_STATUS_LABEL_TEXT) as ReviewStatus[];

diff --git a/frontend/src/pages/RunnerPostDetailPage.tsx b/frontend/src/pages/RunnerPostDetailPage.tsx
@@ -143,7 +143,13 @@ const RunnerPostPage = () => {
               </Label>
               <S.PostDeadlineContainer>
                 <S.PostDeadline>{runnerPost.deadline.replace('T', ' ')} 까지</S.PostDeadline>
-                <S.EditLinkContainer $isOwner={runnerPost.isOwner}>
+                <S.EditLinkContainer
+                  $isOwner={
+                    runnerPost.isOwner &&
+                    runnerPost.reviewStatus !== 'IN_PROGRESS' &&
+                    runnerPost.reviewStatus !== 'DONE'
+                  }
+                >
                   <S.EditLink onClick={openConfirmModal}>삭제</S.EditLink>
                 </S.EditLinkContainer>
               </S.PostDeadlineContainer>

diff --git a/frontend/src/types/runnerPost.ts b/frontend/src/types/runnerPost.ts
@@ -1,4 +1,4 @@
-export type ReviewStatus = 'NOT_STARTED' | 'IN_PROGRESS' | 'DONE';
+export type ReviewStatus = 'NOT_STARTED' | 'IN_PROGRESS' | 'DONE' | 'OVERDUE';
 
 export interface GetRunnerPostResponse {
   data: RunnerPost[];