49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
/* eslint-disable canonical/id-match */
|
|
'use client';
|
|
import FloatingActionPanel from '../shared/action-panel';
|
|
import { type OrderComponentProps } from './types';
|
|
import { useIsMaster } from '@/hooks/api/customers';
|
|
import { useOrderMutation, useOrderQuery } from '@/hooks/api/orders';
|
|
import { Enum_Order_State } from '@repo/graphql/types';
|
|
|
|
export function OrderButtons({ documentId }: Readonly<OrderComponentProps>) {
|
|
const isMaster = useIsMaster();
|
|
|
|
const { data: { order } = {} } = useOrderQuery({ documentId });
|
|
|
|
const { mutate: updateSlot } = useOrderMutation({ documentId });
|
|
|
|
if (!order) return null;
|
|
|
|
const isApproved = order?.state === Enum_Order_State.Approved;
|
|
const isCompleted = order?.state === Enum_Order_State.Completed;
|
|
const isCancelling = order?.state === Enum_Order_State.Cancelling;
|
|
const isCancelled = order?.state === Enum_Order_State.Cancelled;
|
|
|
|
function handleApprove() {
|
|
if (isMaster) {
|
|
updateSlot({ data: { state: Enum_Order_State.Approved } });
|
|
}
|
|
}
|
|
|
|
function handleCancel() {
|
|
if (isMaster) {
|
|
updateSlot({ data: { state: Enum_Order_State.Cancelled } });
|
|
} else {
|
|
updateSlot({ data: { state: Enum_Order_State.Cancelling } });
|
|
}
|
|
}
|
|
|
|
return (
|
|
<FloatingActionPanel
|
|
isCancelling={isCancelling}
|
|
onCancel={isCancelled || isCancelling || isCompleted ? undefined : () => handleCancel()}
|
|
onConfirm={
|
|
!isMaster || isApproved || isCancelled || isCancelling || isCompleted
|
|
? undefined
|
|
: () => handleApprove()
|
|
}
|
|
/>
|
|
);
|
|
}
|