Merge branch 'Weekly' into feat/#104

src/apis/contract/hooks/useGetContractImg.tsx

@@ -0,0 +1,15 @@
+import { getDynamicAPIPath } from '@/apis/apiPath';
+import { clientInstance } from '@/apis/instance';
+import { useQuery } from '@tanstack/react-query';
+
+export const getContractImgPath = (applyId: number) => `${getDynamicAPIPath.downloadContract(applyId)}`;
+const getContractImg = async (applyId: number) => {
+  const res = await clientInstance.get(getContractImgPath(applyId));
+  return res.data;
+};
+
+export const useGetContractImg = (applyId: number) =>
+  useQuery({
+    queryKey: [getContractImgPath],
+    queryFn: () => getContractImg(applyId),
+  });

src/apis/postNotice/hooks/usePostNotice.ts

@@ -1,32 +1,16 @@
 import { APIPath } from '@/apis/apiPath';
 import { clientInstance } from '@/apis/instance';
+import { NoticeRequestData } from '@/types';
 import { useMutation } from '@tanstack/react-query';
 
-export type NoticeRequestData = {
-  title?: string;
-  companyScale?: string;
-  area?: string;
-  salary?: string;
-  workDuration?: string;
-  workDays?: string;
-  workType?: string;
-  workHours?: string;
-  requestedCareer?: string;
-  majorBusiness?: string;
-  eligibilityCriteria?: string;
-  preferredConditions?: string;
-  employerName?: string;
-  companyName?: string;
-};
-
 export const getPostNoticePath = () => `${APIPath.postNotice}`;
 
 export const postNotice = async (req: NoticeRequestData) => {
   const response = await clientInstance.post(getPostNoticePath(), req);
   return response.data;
 };
 
-export const useFetchPostNotice = () =>
+export const usePostNotice = () =>
   useMutation({
     mutationFn: postNotice,
   });

src/apis/registerCompany/useRegisterCompany.ts → src/apis/registerCompany/hooks/useRegisterCompany.ts

@@ -17,7 +17,7 @@ export const postCompany = async (req: CompanyRequestData) => {
   return response.data;
 };
 
-export const useFetchPostCompany = () =>
+export const usePostCompany = () =>
   useMutation({
     mutationFn: postCompany,
   });

src/apis/registerCompany/registerCompany.mock.ts → src/apis/registerCompany/mocks/registerCompany.mock.ts

@@ -1,5 +1,5 @@
 import { http, HttpResponse } from 'msw';
-import { getPostCompanyPath } from './useRegisterCompany';
+import { getPostCompanyPath } from '../hooks/useRegisterCompany';
 
 export const registerCompanyMockHandler = [
   http.post(getPostCompanyPath(), async ({ request }) => {

src/assets/translator/Contract/contractData.ts

@@ -0,0 +1,35 @@
+import { Languages } from '../Languages';
+
+export const contractData = {
+  [Languages.KO]: {
+    CONTRACT: '근 로 계 약 서',
+    WORKING_PLACE: '1. 근무장소',
+    RESPONSIBILITIES: '2. 업무내용',
+    WORKING_HOURS: '3. 근로일 및 근로일별 근로시간',
+    DAY_OFF: '4. 주휴일',
+    SALARY: '5. 임금',
+    ANNUAL_PAID_LEAVE: '6. 연차유급휴가',
+    RULE: '7. 취업규칙',
+    SENTENCE1: '사용자와 근로자는 각자가 근로계약, 취업규칙, 단체협약을 지키고 성실하게 이행하여야 한다.',
+    SENTENCE2: "이 계약에서 정하지 않은 사항은 '근로기준법'에서 정하는 바에 따른다.",
+    SIGN: '서명하기',
+    SUBMIT: '제출하기',
+    ERROR: '* 근로계약서에 서명해주세요!',
+  },
+  [Languages.VE]: {
+    CONTRACT: 'Hợp đồng lao động',
+    WORKING_PLACE: '1. Nơi làm việc',
+    RESPONSIBILITIES: '2. Nội dung công việc',
+    WORKING_HOURS: '3. Ngày làm việc và giờ làm việc theo ngày',
+    DAY_OFF: '4. Ngày nghỉ hàng tuần',
+    SALARY: '5. Tiền lương',
+    ANNUAL_PAID_LEAVE: '6. Nghỉ phép có lương hàng năm',
+    RULE: '7. Quy tắc lao động',
+    SENTENCE1:
+      'Người sử dụng lao động và người lao động cần tuân thủ hợp đồng lao động, quy tắc lao động và thỏa thuận tập thể một cách nghiêm túc.',
+    SENTENCE2: 'Các điều khoản không được quy định trong hợp đồng này sẽ được điều chỉnh theo "Luật lao động".',
+    SIGN: 'Ký tên',
+    SUBMIT: 'Gửi đi',
+    ERROR: '* Vui lòng ký vào hợp đồng lao động!',
+  },
+};

src/assets/translator/EmployeeMyPage/employeeMyPageData.ts

@@ -0,0 +1,16 @@
+import { Languages } from '../Languages';
+
+export const employeeMyPageData = {
+  [Languages.KO]: {
+    REGISTER_RESUME: '이력서 등록하기',
+    REGISTER_SIGN: '사인 등록',
+    REGISTER_VISA: '외국인 번호 및 비자 발급 일자 등록',
+    MYRECRUITLIST: '내가 지원한 공고',
+  },
+  [Languages.VE]: {
+    REGISTER_RESUME: 'Đăng ký hồ sơ',
+    REGISTER_SIGN: 'Đăng ký chữ ký',
+    REGISTER_VISA: 'Đăng ký số người nước ngoài và ngày cấp visa',
+    MYRECRUITLIST: 'Công việc tôi đã ứng tuyển',
+  },
+};

src/assets/translator/PostNotice/postNoticeData.ts

@@ -0,0 +1,38 @@
+import { Languages } from '../Languages';
+
+export const postNoticeData = {
+  [Languages.KO]: {
+    TITLE: '구인 글 등록하기',
+    COMPANY_NAME: '회사명',
+    EMPLOYER_NAME: '담당자명',
+    COMPANY_SCALE: '회사규모',
+    AREA: '근무지 주소',
+    SALARY: '급여',
+    MAJOR_BUSINESS: '업무내용',
+    WORKDURATION: '근무기간',
+    WORKDAYS: '근무요일',
+    WORKHOURS: '근무시간',
+    WORKTYPE: '고용형태',
+    REQUESTED_CAREER: '지원조건',
+    ELIGIBILITY_CRITERIA: '비자조건',
+    PREFERRED_CONDITIONS: '우대사항',
+    SUBMIT: '등록하기',
+  },
+  [Languages.VE]: {
+    TITLE: 'Đăng thông báo tuyển dụng',
+    COMPANY_NAME: 'Tên công ty',
+    EMPLOYER_NAME: 'Tên người phụ trách',
+    COMPANY_SCALE: 'Quy mô công ty',
+    AREA: 'Địa chỉ làm việc',
+    SALARY: 'Lương',
+    MAJOR_BUSINESS: 'Nội dung công việc',
+    WORKDURATION: 'Thời gian làm việc',
+    WORKDAYS: 'Ngày làm việc trong tuần',
+    WORKHOURS: 'Giờ làm việc',
+    WORKTYPE: 'Hình thức lao động',
+    REQUESTED_CAREER: 'Yêu cầu kinh nghiệm',
+    ELIGIBILITY_CRITERIA: 'Điều kiện về visa',
+    PREFERRED_CONDITIONS: 'Ưu tiên',
+    SUBMIT: 'Đăng ký',
+  },
+};

src/assets/translator/RegisterCompany/registerCompanyData.ts

@@ -0,0 +1,22 @@
+import { Languages } from '../Languages';
+
+export const registerCompanyData = {
+  [Languages.KO]: {
+    TITLE: '회사 등록',
+    LOGOIMAGE: '회사 이미지 업로드(선택)',
+    COMPANYNAME: '회사명',
+    INDUSTRY_OCCUPATION: '업직종',
+    BRAND: '브랜드',
+    REVENUE_PERYEAR: '연 평균 매출액',
+    SUBMIT: '등록하기',
+  },
+  [Languages.VE]: {
+    TITLE: 'Đăng ký công ty',
+    LOGOIMAGE: 'Tải lên logo công ty (tùy chọn)',
+    COMPANYNAME: 'Tên công ty',
+    INDUSTRY_OCCUPATION: 'Ngành nghề',
+    BRAND: 'Thương hiệu',
+    REVENUE_PERYEAR: 'Doanh thu hàng năm',
+    SUBMIT: 'Đăng ký',
+  },
+};

src/assets/translator/index.ts

@@ -11,6 +11,10 @@ import { recruitData } from './Recruit/recruitData';
 import { registerVisaData } from './RegisterVisa/registerVisaData';
 import { resumeData } from './Resume/resumeData';
 import { registerSignData } from './registerSign/registerSignData';
+import { contractData } from './Contract/contractData';
+import { employeeMyPageData } from './EmployeeMyPage/employeeMyPageData';
+import { postNoticeData } from './PostNotice/postNoticeData';
+import { registerCompanyData } from './RegisterCompany/registerCompanyData';
 
 export const KO = {
   resume: { ...resumeData[Languages.KO] },
@@ -25,6 +29,10 @@ export const KO = {
   applyGuide: { ...applyGuideData[Languages.KO] },
   apply: { ...applyData[Languages.KO] },
   registerSign: { ...registerSignData[Languages.KO] },
+  contract: { ...contractData[Languages.KO] },
+  employeeMyPage: { ...employeeMyPageData[Languages.KO] },
+  postNotice: { ...postNoticeData[Languages.KO] },
+  registerCompany: { ...registerCompanyData[Languages.KO] },
 };
 
 export const VE = {
@@ -40,4 +48,8 @@ export const VE = {
   applyGuide: { ...applyGuideData[Languages.VE] },
   apply: { ...applyData[Languages.VE] },
   registerSign: { ...registerSignData[Languages.VE] },
+  contract: { ...contractData[Languages.VE] },
+  employeeMyPage: { ...employeeMyPageData[Languages.VE] },
+  postNotice: { ...postNoticeData[Languages.VE] },
+  registerCompany: { ...registerCompanyData[Languages.VE] },
 };

src/components/common/Button/index.tsx

@@ -28,7 +28,7 @@ const Wrapper = styled.button<Props>(
         border: '2px solid #0A65CC',
 
         '&:hover': {
-          backgroundColor: '#6992C0',
+          backgroundColor: '#0033cc',
           color: '#fff',
         },
       };

src/components/common/Input/index.tsx

@@ -3,12 +3,13 @@ import styled from '@emotion/styled';
 
 interface Props extends InputHTMLAttributes<HTMLInputElement> {
   label?: string;
+  labelStyle?: React.CSSProperties;
 }
 
-export default function Input({ label, ...rest }: Props) {
+export default function Input({ label, labelStyle, ...rest }: Props) {
   return (
     <>
-      {label && <label>{label}</label>}
+      {label && <label style={{ ...labelStyle }}>{label}</label>}
       <InputContainer {...rest} />
     </>
   );

src/features/employee/myPage/EmployeeProfile.tsx

@@ -1,4 +1,4 @@
-import { Card, Image, Typo, Button } from '@/components/common';
+import { Card, Image, Typo } from '@/components/common';
 import styled from '@emotion/styled';
 
 export default function EmployeeProfile({
@@ -39,11 +39,6 @@ export default function EmployeeProfile({
           </Typo>
         </TextSection>
       </ProfileSection>
-      <Button
-        style={{ width: '150px', height: '40px', backgroundColor: 'white', fontSize: '12px', padding: '10px 30px' }}
-      >
-        프로필 수정하기
-      </Button>
     </Card>
   );
 }

src/features/employee/myPage/MyRecruitCard.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { MyRecruitListProps, StateProps, TextProps } from '@/types';
 import { useNavigate } from 'react-router-dom';
 import ROUTE_PATH from '@/routes/path';
+import { useGetContractImg } from '@/apis/contract/hooks/useGetContractImg';
 
 type DesignProps = {
   design: 'default' | 'outlined' | 'textbutton' | 'deactivate';
@@ -18,7 +19,7 @@ function getStateStyle(state: StateProps): DesignProps {
     case 'Waiting':
       return { design: 'outlined', text: '지원서 검토중' };
     case 'Completed':
-      return { design: 'deactivate', text: '채용 완료' };
+      return { design: 'outlined', text: '근로계약서 다운로드' };
     default:
       return { design: 'deactivate' }; // 상태가 정의되지 않은 경우
   }
@@ -28,10 +29,26 @@ type Props = {
   myRecruit: MyRecruitListProps;
 };
 
+type DownloadContractProps = {
+  imageUrl: string;
+  imageUrlV: string;
+};
+
 export default function MyRecruitCard({ myRecruit }: Props) {
   const { image, title, area, state, applyId } = myRecruit;
   const buttonStyle = getStateStyle(state);
   const navigate = useNavigate();
+  // 근로계약서 이미지 다운로드
+  const downloadContract = () => {
+    const { data: imgURLs } = useGetContractImg(applyId);
+    const imgData: DownloadContractProps = imgURLs;
+    const link = document.createElement('a');
+    link.href = imgData.imageUrlV;
+    link.download = 'downloaded_image';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
 
   return (
     <Card
@@ -66,6 +83,8 @@ export default function MyRecruitCard({ myRecruit }: Props) {
         onClick={() => {
           if (state == 'LetsSign') {
             navigate(ROUTE_PATH.CONTRACT.EMPLOYEE.replace(':applyId', applyId.toString()));
+          } else if (state == 'Completed') {
+            downloadContract();
           }
         }}
       >