"use client";

import { useEffect } from "react";
import { useAppDispatch, useAppSelector } from "@/store/hooks";
import { fetchCartDetail } from "@/store/slices/cart-slice";

export default function CartBootstrap() {
  const dispatch = useAppDispatch();

  const status = useAppSelector(
    (state) => state.cartDetail.status
  );

  useEffect(() => {
    if (status === "idle") {
      void dispatch(fetchCartDetail());
    }
  }, [dispatch, status]);

  return null;
}