75 lines
2.0 KiB
TypeScript
75 lines
2.0 KiB
TypeScript
import React, { useEffect, useState } from 'react'
|
|
import { getInitialValues, getValidationSchema, 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 { useTranslation } from 'react-i18next';
|
|
import useNavigateOnSuccess from '../../../Hooks/useNavigateOnSuccess';
|
|
import { useAddCoupon } from '../../../api/Coupon';
|
|
import Form from './AddForm';
|
|
|
|
const AddCouponPage = () => {
|
|
|
|
|
|
const { mutate, isLoading, isSuccess } = useAddCoupon()
|
|
const handleSubmit = (values: any) => {
|
|
|
|
values.active_at = values.active[0].format('YYYY-MM-DD HH:mm:ss.SSS')
|
|
values.active_to = values.active[1].format('YYYY-MM-DD HH:mm:ss.SSS')
|
|
values.status = values.active ? "active" : "inactive"
|
|
|
|
|
|
|
|
|
|
const products = values?.product_attr?.map((item: any) => {
|
|
return { "itemable_type": "product", "itemable_id": item };
|
|
})?.filter((item: any) => item.itemable_id !== "")|| [];
|
|
|
|
const category = values?.category_attr?.map((item: any) => {
|
|
return { "itemable_type": "category", "itemable_id": item };
|
|
})?.filter((item: any) => item.itemable_id !== "") || [];
|
|
|
|
values['items'] = [...products, ...category];
|
|
|
|
console.log(values, "values");
|
|
|
|
mutate(values)
|
|
|
|
};
|
|
|
|
const { t } = useTranslation();
|
|
|
|
useNavigateOnSuccess(isSuccess, '/Coupon')
|
|
|
|
|
|
|
|
const ViewProps = { getInitialValues, getValidationSchema, getDataToSend, handleSubmit };
|
|
|
|
|
|
return (
|
|
<div className='ViewPage'>
|
|
|
|
<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>
|
|
|
|
|
|
|
|
</div>
|
|
)
|
|
|
|
}
|
|
|
|
export default AddCouponPage |