Feature/26 new order status button

Order Status Update Component Implementation

Overview

Added a new OrderStatusUpdate component to allow admin users to update the status of both catering requests and on-demand orders. This component is integrated into the existing SingleOrder component.

Key Features

TypeScript support for improved type safety
Compatible with existing Order type and parent component structure
Handles both 'catering_request' and 'on_demand' order types
Uses shadcn/ui components for consistent styling
Includes a confirmation dialog before updating the order status

Implementation Details

Created a new OrderStatusUpdate React component with TypeScript
Utilized Select and AlertDialog components from shadcn/ui
Implemented status options based on the order type
Added error handling for status updates

Integration

To use in the SingleOrder component:

<OrderStatus
   orderType={order.order_type}
   initialStatus={order.status}
   orderId={order.id} 
   onStatusChange={handleOrderStatusChange}
 />

Next Steps

[ ] Test the component with different order types and statuses
[ ] Ensure proper error handling and user feedback
[ ] Update API endpoint for order status updates if necessary
[ ] Consider adding different status options for each order type if required in the future

Notes

The component currently uses the same status options for both order types but is structured to easily accommodate different options per type if needed.
Error handling and success messages are implemented using toast notifications.

Ealanisln / ready-set

Feature/26 new order status button #29