finish order

src/pages/orders/components/OrderActions.tsx

@@ -10,11 +10,13 @@ interface OrderActionsProps {
     isDineInOrCarDelivery: boolean
     isCustomerPickup: boolean
     isCanceled: boolean
+    canCompleteOrder: boolean
     isChangingStatus: boolean
     onSendToKitchen: () => void
     onDeliverToCourier: () => void
     onDeliverToWaiter: () => void
     onDeliverToReceptionist: () => void
+    onCompleteOrder: () => void
     onCancelOrder: () => void
 }
 
@@ -27,11 +29,13 @@ const OrderActions: FC<OrderActionsProps> = ({
     isDineInOrCarDelivery,
     isCustomerPickup,
     isCanceled,
+    canCompleteOrder,
     isChangingStatus,
     onSendToKitchen,
     onDeliverToCourier,
     onDeliverToWaiter,
     onDeliverToReceptionist,
+    onCompleteOrder,
     onCancelOrder
 }) => {
     const [loadingAction, setLoadingAction] = useState<string | null>(null)
@@ -67,6 +71,11 @@ const OrderActions: FC<OrderActionsProps> = ({
         onCancelOrder()
     }
 
+    const handleCompleteOrder = () => {
+        setLoadingAction('completeOrder')
+        onCompleteOrder()
+    }
+
     return (
         <div className='mt-6 flex flex-col gap-3'>
             <Button
@@ -111,6 +120,15 @@ const OrderActions: FC<OrderActionsProps> = ({
                 />
             )}
 
+            {!isCanceled && canCompleteOrder && (
+                <Button
+                    label='اتمام سفارش'
+                    onClick={handleCompleteOrder}
+                    isloading={isChangingStatus && loadingAction === 'completeOrder'}
+                    className='bg-green-600 hover:bg-green-700'
+                />
+            )}
+
             {!isCanceled && showCancelButton && (
                 <Button
                     label='لغو سفارش'