From fdbfb1a1abcce45e9e99265eb283a7da2c01ec76 Mon Sep 17 00:00:00 2001 From: Savien/Woo Jun Han <49388937+MrMirror21@users.noreply.github.com> Date: Sun, 27 Oct 2024 23:11:41 +0900 Subject: [PATCH] =?UTF-8?q?:sparkles:=20feat:=20=ED=86=B5=ED=95=A9?= =?UTF-8?q?=EC=8B=A0=EC=B2=AD=EC=84=9C=20=EB=AF=B8=EB=A6=AC=EB=B3=B4?= =?UTF-8?q?=EA=B8=B0=20=EC=96=91=EC=8B=9D=20=EC=B6=94=EA=B0=80=20#54?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../write/IntegratedApplicationPreview.tsx | 216 ++++++++++++++++++ 1 file changed, 216 insertions(+) create mode 100644 src/components/Document/write/IntegratedApplicationPreview.tsx diff --git a/src/components/Document/write/IntegratedApplicationPreview.tsx b/src/components/Document/write/IntegratedApplicationPreview.tsx new file mode 100644 index 00000000..8c3ebee6 --- /dev/null +++ b/src/components/Document/write/IntegratedApplicationPreview.tsx @@ -0,0 +1,216 @@ +import { IntegratedApplicationData } from '@/types/api/document'; +import InputLayout from '@/components/Document/write/InputLayout'; +import { propertyToString } from '@/utils/document'; +import Notice from '@/components/Document/write/Notice'; +import { renderMap } from '@/utils/map'; +import { Address } from '@/types/api/users'; + +type IntegratedApplicationFormProps = { + document?: IntegratedApplicationData; +}; + +const IntegratedApplicationPreview = ({ + document, +}: IntegratedApplicationFormProps) => { + return ( +
+
+ {/* 이름 입력 */} + +
+
{document?.first_name}
+
+ + {/* 성 입력 */} + +
+
{document?.last_name}
+
+ + {/* 생일 입력 */} + +
+
{document?.birth}
+
+ + {/* 성별 입력 */} + +
+
{document?.gender}
+
+ + {/* 국적 입력 */} + +
+
+ {propertyToString(document?.nationality as string)} +
+
+ + {/* 서류 출력 후 작성 정보 입력 안내 */} +
+ + +
+
+ {/* 주소 검색 입력 input */} + +
+
+ {document?.address.address_name} +
+
+ + {/* 검색한 위치를 보여주는 지도 */} + {renderMap(document?.address as Address)} + +
+
+ {document?.address.address_detail} +
+
+ +
+ {/* 전화번호 선택, dropdown으로 앞 번호를, 중간 번호와 뒷 번호는 각각 input으로 입력 받음 */} + +
+
+ {document?.tele_phone_number} +
+
+ + {/* 개인 휴대폰 번호 입력 */} + +
+
+ {document?.cell_phone_number} +
+
+ + {/* 서류 출력 후 작성 정보 입력 안내 */} +
+ +
+ {/* 대학 종류 선택 */} + +
+ University is an education office accredited school. +
+
+
+ {document?.is_accredited ? 'Accredited' : 'Non-Accredited'} +
+
+ + {/* 학교 이름 입력 */} + +
+
+ {document?.school_name} +
+
+ + {/* 대학 번호 입력 */} + +
+
+ {document?.school_phone_number} +
+
+ + {/* 서류 출력 후 작성 정보 입력 안내 */} +
+ +
+ {/* 근무 장소 이름 입력 */} + +
+
+ {document?.new_work_place_name} +
+
+ + {/* 사업등록번호 입력 */} + +
+
+ {document?.new_work_place_registration_number} +
+
+ + {/* 연봉 입력 */} + +
+
+ {document?.annual_income_amount} +
+
+ + {/* 직업 입력 */} + +
+ If you are a college student, please write 'student'. +
+
+
{document?.occupation}
+
+ + {/* 이메일 입력 */} + +
+
{document?.email}
+
+ + {/* 하이코리아 작성 정보 입력 안내 */} +
+ +
+ {/* 서명 입력 */} + +
+
+ {document?.signature_base64 !== '' && ( + + )} +
+
+ + {/* 서류 출력 후 작성 정보(부모님) 입력 안내 */} +
+ + +
+
+
+ ); +}; + +export default IntegratedApplicationPreview;