useOrders hook with delete logic

useOrders.js

// useOrders.js
import { useState, useEffect } from 'react';
import OrderService from './OrderService';

function useOrders() {
  const [orders, setOrders] = useState([]);

  async function fetchOrders() {
    const orders = await OrderService.get();
    setOrders(orders);
  }

  async function deleteOrder(id) {
    await OrderService.delete(id);
    setOrders(orders.filter(order => order.id !== id));
  }

  useEffect(() => {
    fetchOrders();
  }, []);

  return { orders, deleteOrder };
}

export default useOrders;