67 lines
1.8 KiB
TypeScript
67 lines
1.8 KiB
TypeScript
import React, { useEffect } from 'react'
|
|
import { getInitialValues, getDataToSend } from '../formUtil'
|
|
import { Tab, TabList, TabPanel as TabBody, Tabs } from 'react-tabs'
|
|
import 'react-tabs/style/react-tabs.css';
|
|
import { MdLanguage } from 'react-icons/md'
|
|
import ViewPage from '../../../Layout/Dashboard/ViewPage';
|
|
import { usePageState } from '../../../lib/state mangment/LayoutPagestate';
|
|
import LoadingPage from '../../../Layout/app/LoadingPage';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useGetOneUser, useUpdateAdmin } from '../../../api/users';
|
|
import useNavigateOnSuccess from '../../../Hooks/useNavigateOnSuccess';
|
|
import Form from './EditForm';
|
|
|
|
const EditPage = () => {
|
|
const { setObjectToEdit, objectToEdit } = usePageState()
|
|
const {t} = useTranslation();
|
|
const { data } = useGetOneUser()
|
|
const {mutate ,isSuccess,isLoading:IsloadingButton} = useUpdateAdmin()
|
|
const handleSubmit = (values:any)=>{
|
|
|
|
return mutate(values);
|
|
}
|
|
|
|
useNavigateOnSuccess(isSuccess , '/users')
|
|
|
|
|
|
useEffect(() => {
|
|
console.log(data);
|
|
|
|
setObjectToEdit(data?.data);
|
|
|
|
}, [data]);
|
|
|
|
|
|
const getValidationSchema = () => {
|
|
return null
|
|
};
|
|
|
|
|
|
const ViewProps = { getInitialValues, getValidationSchema, getDataToSend, handleSubmit,IsloadingButton };
|
|
|
|
|
|
return (
|
|
<div className='ViewPage'>
|
|
{objectToEdit && data ?
|
|
<ViewPage {...ViewProps}>
|
|
<Tabs>
|
|
<TabList>
|
|
<Tab><div className='SignleDriverContainer'><span className='SignleDriverInfoIcon'><MdLanguage size={20} /></span> <h6 className='SingleDriverInfo'>{t("BasicInfo")}</h6></div></Tab>
|
|
|
|
</TabList>
|
|
<TabBody >
|
|
<div className=" mt-4"><Form /></div>
|
|
</TabBody>
|
|
|
|
|
|
</Tabs>
|
|
</ViewPage>
|
|
: <LoadingPage />}
|
|
|
|
|
|
</div>
|
|
)
|
|
|
|
}
|
|
|
|
export default EditPage |