fab-manager/app/frontend/src/javascript/hooks/use-cart.ts

import { useState, useEffect } from 'react';
import { emitCustomEvent } from 'react-custom-events';
import { Order } from '../models/order';
import CartAPI from '../api/cart';
import { getCartToken, setCartToken } from '../lib/cart-token';
import { User } from '../models/user';

export default function useCart (user?: User) {
  const [cart, setCart] = useState<Order>(null);
  const [loading, setLoading] = useState<boolean>(true);
  const [error, setError] = useState(null);

  useEffect(() => {
    async function createCart () {
      const currentCartToken = getCartToken();
      const data = await CartAPI.create(currentCartToken);
      _setCart(data);
      setLoading(false);
      setCartToken(data.token);
    }
    setLoading(true);
    try {
      createCart();
    } catch (e) {
      setLoading(false);
      setError(e);
    }
  }, []);

  const reloadCart = async () => {
    setLoading(true);
    const currentCartToken = getCartToken();
    const data = await CartAPI.create(currentCartToken);
    _setCart(data);
    setLoading(false);
  };

  useEffect(() => {
    if (user && cart && (!cart.statistic_profile_id || !cart.operator_profile_id)) {
      reloadCart();
    }
  }, [user]);

  const _setCart = (data: Order) => {
    setCart(data);
    emitCustomEvent('CartUpdate', data);
  };

  return { loading, cart, error, setCart: _setCart, reloadCart };
}