55 lines
1.8 KiB
TypeScript
55 lines
1.8 KiB
TypeScript
import { useTranslation } from "react-i18next";
|
|
import useSetPageTitle from "../../../../Hooks/useSetPageTitle";
|
|
import PageHeader from "../../../../Layout/Dashboard/PageHeader";
|
|
import { Suspense } from "react";
|
|
import { Spin } from "antd";
|
|
import { ModalEnum } from "../../../../enums/Model";
|
|
import { canAddReSeller } from "../../../../utils/hasAbilityFn";
|
|
import PersonalDetailsForm from "../Form/PersonalDetailsForm";
|
|
import { Formik, Form } from "formik";
|
|
import { getInitialValues, getValidationSchema } from "../Form/formUtils";
|
|
import TitleDetailsForm from "../Form/TitleDetailsForm";
|
|
import AttachmentForm from "../Form/AttachmentForm";
|
|
import PasswordDetailsForm from "../Form/PasswordDetailsForm";
|
|
|
|
const TableHeader = () => {
|
|
const [t] = useTranslation();
|
|
useSetPageTitle(t(`page_header.add_reseller`));
|
|
const handelSubmit = (values: any) => {
|
|
console.log(values, "values");
|
|
};
|
|
return (
|
|
<div className="TableWithHeader">
|
|
<Suspense fallback={<Spin />}>
|
|
<PageHeader
|
|
pageTitle="edit_manager"
|
|
ModelAbility={ModalEnum?.MANAGER_EDIT}
|
|
canAdd={false}
|
|
/>
|
|
<div>
|
|
<Formik
|
|
initialValues={getInitialValues({})}
|
|
validationSchema={getValidationSchema}
|
|
onSubmit={handelSubmit}
|
|
>
|
|
<Form className="Form_details_container">
|
|
<PersonalDetailsForm />
|
|
<TitleDetailsForm />
|
|
<PasswordDetailsForm/>
|
|
<AttachmentForm />
|
|
<div className="resellerButton">
|
|
<button type="button">{t("practical.cancel")}</button>
|
|
<button type="submit">
|
|
{t("practical.save_changes")}
|
|
</button>
|
|
</div>
|
|
</Form>
|
|
</Formik>
|
|
</div>
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TableHeader;
|