fix: 신청 기간이 아닐 경우에 대한 에러

Space-Club · Dec 1, 2023 · 7b03875 · 7b03875
1 parent 0c0c003
commit 7b03875
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/components/UserApplyButton/UserApplyButton.tsx b/src/components/UserApplyButton/UserApplyButton.tsx
@@ -34,8 +34,10 @@ const UserApplyButton = ({ isToken, eventId, eventDetail, applyModalOpen }: User
       return EVENT_DETAIL_BUTTON.APPLY.APPLICANT;
     } else if (category !== 'RECRUITMENT' && applicants >= capacity) {
       return EVENT_DETAIL_BUTTON.APPLY.SOLD_OUT;
-    } else if (isEnded || isAbleToApply) {
+    } else if (isEnded) {
       return EVENT_DETAIL_BUTTON.APPLY.DEADLINE;
+    } else if (!isAbleToApply) {
+      return EVENT_DETAIL_BUTTON.APPLY.NOT_PERIOD;
     } else {
       return EVENT_DETAIL_BUTTON.APPLY.POSSIBLE;
     }

diff --git a/src/constants/event.ts b/src/constants/event.ts
@@ -58,6 +58,7 @@ const EVENT_DETAIL_BUTTON = {
   DELETE: '삭제하기',
   APPLY: {
     COMPLETED: '신청 완료',
+    NOT_PERIOD: '신청 기간이 아닙니다.',
     SOLD_OUT: 'SOLD OUT',
     DEADLINE: '신청 마감',
     APPLICANT: '인원 마감',

diff --git a/src/pages/event/EventDetailPage/EventDetailPage.style.ts b/src/pages/event/EventDetailPage/EventDetailPage.style.ts
@@ -85,6 +85,7 @@ const ApplicantButton = styled(SemiPurpleButton)<{ capacity: boolean; isDisabled
 const ApplyButton = styled(SemiPurpleButton)<{ capacity: boolean }>`
   width: 30%;
   min-width: 10rem;
+  padding: 0;
   border-top-left-radius: ${({ capacity }) => capacity && '0'};
   border-bottom-left-radius: ${({ capacity }) => capacity && '0'};
   font-size: ${Theme.fontSize.mediumContent};