77 lines
2.0 KiB
TypeScript
77 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { FaStore } from "react-icons/fa";
|
|
import ValidationField from "../../../../Components/ValidationField/ValidationField";
|
|
import { convert_data_to_select } from "../../../../Layout/app/Const";
|
|
import { userTypeOptions } from "../../../../config/userTypeOptions";
|
|
import { statusType } from "../../../../config/statusType";
|
|
|
|
const PersonalDetailsForm = () => {
|
|
const [t] = useTranslation();
|
|
return (
|
|
<div className="PersonalDetailsForm">
|
|
<header className="header_form">
|
|
<FaStore />
|
|
<h4>{t("header.personal_information")}</h4>
|
|
</header>
|
|
<main className="main_form_body">
|
|
<ValidationField
|
|
name={"first_name"}
|
|
placeholder={"_"}
|
|
label={"first_name"}
|
|
/>
|
|
<ValidationField
|
|
name={"last_name"}
|
|
placeholder={"_"}
|
|
type="Date"
|
|
label={"last_name"}
|
|
/>
|
|
<ValidationField
|
|
name={"status"}
|
|
placeholder={"_"}
|
|
label={"Status"}
|
|
type="Select"
|
|
option={statusType}
|
|
/>
|
|
|
|
<ValidationField
|
|
name={"sex"}
|
|
placeholder={"_"}
|
|
label={"sex"}
|
|
/>
|
|
<ValidationField
|
|
name={"phone_number"}
|
|
placeholder={"_"}
|
|
label={"Phone Number"}
|
|
type="text"
|
|
/>
|
|
<ValidationField
|
|
name={"email_address"}
|
|
placeholder={"_"}
|
|
label={"email_address"}
|
|
/>
|
|
|
|
<ValidationField
|
|
name={"birthday"}
|
|
placeholder={"_"}
|
|
label={"birthday"}
|
|
/>
|
|
<ValidationField
|
|
name={"join_date"}
|
|
placeholder={"_"}
|
|
label={"join_date"}
|
|
type="text"
|
|
/>
|
|
<ValidationField
|
|
name={"role"}
|
|
placeholder={"_"}
|
|
label={"role"}
|
|
type="text"
|
|
/>
|
|
</main>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PersonalDetailsForm;
|