useDeletableOrders.js

// useDeletableOrders.js
import { use, useEffect } from './useOrders';
import OrderService from './OrderService';

function useDeletableOrders() {
  const { orders, setOrders } = useOrders();

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

  function getDeletableOrders() {
    return orders.map(order => ({
      ...order,
      delete: createDeleteHandler(order.id),
    });
  }

  return { orders: getDeletableOrders() };
}

export default useDeletableOrders;