diff options
author | eug-vs <eug-vs@keemail.me> | 2021-03-26 01:06:44 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-03-26 01:06:44 +0300 |
commit | 865b41114060765308d560181f4996c0aa7a3e74 (patch) | |
tree | 578d3089e05131445b0a8b6d5e69a3a76aaf7e73 /src/containers/Service/ServiceItem.tsx | |
parent | 91e1a3b4ccaa822097e4adfea5f51056b010fdd6 (diff) | |
download | commercel-ui-865b41114060765308d560181f4996c0aa7a3e74.tar.gz |
refactor: move Service to lib/
Diffstat (limited to 'src/containers/Service/ServiceItem.tsx')
-rw-r--r-- | src/containers/Service/ServiceItem.tsx | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/src/containers/Service/ServiceItem.tsx b/src/containers/Service/ServiceItem.tsx deleted file mode 100644 index 0e24895..0000000 --- a/src/containers/Service/ServiceItem.tsx +++ /dev/null @@ -1,59 +0,0 @@ -import React, { useContext } from 'react'; -import { useParams, useHistory } from 'react-router-dom'; -import { Formik } from 'formik'; -import _ from 'lodash'; -import Page from '../Page'; -import hooks from '../../hooks/useAPIClient'; -import useQuery from '../../hooks/useQuery'; -import { post, patch, del } from '../../requests'; -import ServiceContext, { Action } from './ServiceContext'; - -interface Params { - id: string; -} - -const ServiceItem: React.FC = () => { - const service = useContext(ServiceContext); - const history = useHistory(); - const query = useQuery(); - const { id } = useParams<Params>(); - const { data: item, mutate } = hooks[service.route].useItem(id); - - const handleDelete = () => del(`/${service.route}/${id}`) - .then(() => history.push(`/${service.route}`)); - - const onSubmit = (values: any) => { - const promise = id - ? patch(`/${service.route}/${id}`, values) - : post(`/${service.route}`, values); - return promise.then(response => { - mutate(response.data); - history.push(`/${service.route}`); - }); - }; - - const actions: Action[] = _.compact([ - { name: 'Назад', variant: 'outlined', onClick: history.goBack }, - id && { name: 'Удалить', variant: 'outlined', onClick: handleDelete }, - { name: 'Сохранить', type: 'submit', form: 'form' }, - ]); - - return ( - <Page - title={id ? item?.name : `Новый ${service.nameSingular}`} - actions={actions} - className="grid lg:grid-cols-2" - > - {(!id || item) && ( - <Formik - initialValues={_.defaults(item, query, service.default)} - onSubmit={onSubmit} - children={service.Form} - /> - )} - {item && service.Panel && <service.Panel item={item} mutate={mutate} />} - </Page> - ); -}; - -export default ServiceItem; |