SalesHistoryLoader.tsx

import type { ReactNode } from "react";
import { useEffect } from "react";

import { SalesHistoryLoaderNotReady } from "./components/SalesHistoryLoaderNotReady";
import { SalesHistoryLoaderProvider, useSalesHistoryLoaderFeature } from "./store/store";

export const SalesHistoryLoader = ({ children }: { children: ReactNode }) => {
  return (
    <SalesHistoryLoaderProvider
      value={{
        marketplace: "",
        sellerId: "",
      }}
    >
      <SalesHistorySwitcher>{children}</SalesHistorySwitcher>
    </SalesHistoryLoaderProvider>
  );
};

export const SalesHistorySwitcher = ({ children }: { children: ReactNode }) => {
  const { useStore } = useSalesHistoryLoaderFeature();
  const isReady = useStore((s) => s.isDataReady);

  return isReady ? <>{children}</> : <SalesHistoryLoaderNotReady />;
};

// export const SalesHistoryLoader = ({ children }: { children: ReactNode }) => {
//   return <SalesHistorySwitcher>{children}</SalesHistorySwitcher>;
// };
//
// export const SalesHistorySwitcher = ({ children }: { children: ReactNode }) => {
//   const isReady = useSalesHistoryLoaderStore((s) => s.isDataReady);
//
//   useEffect(() => {
//     useRequest.action();
//   }, []);
//
//   return isReady ? <>{children}</> : <SalesHistoryLoaderNotReady />;
// };