85 lines
2.4 KiB
TypeScript
85 lines
2.4 KiB
TypeScript
|
import React from "react";
|
||
|
|
import { useIntl } from "react-intl";
|
||
|
|
|
||
|
|
import { WindowTitle } from "@saleor/components/WindowTitle";
|
||
|
|
import useNavigator from "@saleor/hooks/useNavigator";
|
||
|
|
import useNotifier from "@saleor/hooks/useNotifier";
|
||
|
|
import useShop from "@saleor/hooks/useShop";
|
||
|
|
import { commonMessages } from "@saleor/intl";
|
||
|
|
import { getMutationState, maybe } from "@saleor/misc";
|
||
|
|
import ServiceDetailsPage, {
|
||
|
|
ServiceDetailsPageFormData
|
||
|
|
} from "../../components/ServiceDetailsPage";
|
||
|
|
import { ServiceDetailsQuery } from "../../queries";
|
||
|
|
import { serviceListUrl, serviceUrl, ServiceUrlQueryParams } from "../../urls";
|
||
|
|
|
||
|
|
interface OrderListProps {
|
||
|
|
id: string;
|
||
|
|
params: ServiceUrlQueryParams;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const ServiceDetails: React.StatelessComponent<OrderListProps> = ({
|
||
|
|
id,
|
||
|
|
params
|
||
|
|
}) => {
|
||
|
|
const navigate = useNavigator();
|
||
|
|
const notify = useNotifier();
|
||
|
|
const intl = useIntl();
|
||
|
|
const shop = useShop();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<ServiceDetailsQuery
|
||
|
|
displayLoader
|
||
|
|
variables={{ id }}
|
||
|
|
require={["serviceAccount"]}
|
||
|
|
>
|
||
|
|
{({ data, loading }) => {
|
||
|
|
const onServiceUpdate = (data: ServiceUpdate) => {
|
||
|
|
if (!maybe(() => data.serviceUpdate.errors.length !== 0)) {
|
||
|
|
notify({
|
||
|
|
text: intl.formatMessage(commonMessages.savedChanges)
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
const onServiceDelete = (data: ServiceDelete) => {
|
||
|
|
if (!maybe(() => data.serviceDelete.errors.length !== 0)) {
|
||
|
|
notify({
|
||
|
|
text: intl.formatMessage(commonMessages.savedChanges)
|
||
|
|
});
|
||
|
|
navigate(serviceListUrl());
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
const handleBack = navigate(serviceListUrl());
|
||
|
|
|
||
|
|
const handleDelete = navigate(
|
||
|
|
serviceUrl(id, {
|
||
|
|
...params,
|
||
|
|
action: "remove"
|
||
|
|
})
|
||
|
|
);
|
||
|
|
|
||
|
|
const handleSubmit = (data: ServiceDetailsPageFormData) => undefined;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<WindowTitle title={maybe(() => data.serviceAccount.name)} />
|
||
|
|
<ServiceDetailsPage
|
||
|
|
disabled={loading}
|
||
|
|
errors={[]}
|
||
|
|
onBack={handleBack}
|
||
|
|
onDelete={handleDelete}
|
||
|
|
onSubmit={handleSubmit}
|
||
|
|
permissions={maybe(() => shop.permissions)}
|
||
|
|
service={maybe(() => data.serviceAccount)}
|
||
|
|
saveButtonBarState="default"
|
||
|
|
/>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}}
|
||
|
|
</ServiceDetailsQuery>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ServiceDetails;
|