Merge pull request #152 from KimJi-An/feat/#151

Feat/#151 고용주와 근로자 간의 계약 상태에 따라 계약하기 버튼 활성화 제어
kakao-tech-campus-2nd-step3 · Nov 14, 2024 · fc9ba3e · fc9ba3e
2 parents 7d40dc6 + fa7fda9
commit fc9ba3e
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/src/apis/applicants/mocks/applicants.mock.ts b/src/apis/applicants/mocks/applicants.mock.ts
@@ -20,6 +20,7 @@ export const applicantList = [
     applyId: 1,
     applicantNation: '베트남',
     koreanLanguageLevel: '중급',
+    contractExistence: false,
   },
   {
     userId: 2,
@@ -28,5 +29,6 @@ export const applicantList = [
     applyId: 2,
     applicantNation: '베트남',
     koreanLanguageLevel: '고급',
+    contractExistence: false,
   },
 ];
diff --git a/src/assets/translator/Applicants/applicantsData.ts b/src/assets/translator/Applicants/applicantsData.ts
@@ -13,6 +13,7 @@ export const applicantsData = {
     buttons: {
       view_resume: '지원서',
       create_contract: '계약하기',
+      complete_contract: '계약완료',
     },
   },
   [Languages.VE]: {
@@ -25,8 +26,9 @@ export const applicantsData = {
       korean_language_level: 'Trình độ tiếng Hàn',
     },
     buttons: {
-      view_resume: 'Hồ sơ ứng tuyển',
-      create_contract: 'Ký hợp đồng',
+      view_resume: 'Hồ sơ ứng viên',
+      create_contract: 'Tạo hợp đồng',
+      complete_contract: 'Hoàn thành hợp đồng',
     },
   },
 };
diff --git a/src/pages/applicantsPage/ApplicantList/ApplicantsTable.tsx b/src/pages/applicantsPage/ApplicantList/ApplicantsTable.tsx
@@ -66,8 +66,15 @@ export default function ApplicantsTable({ applicantList }: Props) {
                     >
                       {t('applicants.buttons.view_resume')}
                     </Button>
-                    <Button css={buttonStyle} onClick={() => openModal(applicant.userId, applicant.applyId)}>
-                      {t('applicants.buttons.create_contract')}
+                    <Button
+                      design={applicant.contractExistence ? 'deactivate' : 'default'}
+                      css={buttonStyle}
+                      onClick={() => openModal(applicant.userId, applicant.applyId)}
+                      disabled={applicant.contractExistence}
+                    >
+                      {applicant.contractExistence
+                        ? t('applicants.buttons.complete_contract')
+                        : t('applicants.buttons.create_contract')}
                     </Button>
                   </Flex>
                 </Td>

diff --git a/src/types/index.d.ts b/src/types/index.d.ts
@@ -14,6 +14,7 @@ export type ApplicantData = {
   applyId: number;
   applicantNation: string;
   koreanLanguageLevel: string;
+  contractExistence: boolean;
 };
 
 export type ForeignerData = {