import { useEffect, useState } from "react";
import { initializeDatabase } from "../common/db";

const memory = {
  isAppLoaded: false,
};
export default function useDatabase() {
  const [isAppLoaded, setIsAppLoaded] = useState(memory.isAppLoaded);

  useEffect(() => {
    if (memory.isAppLoaded) return;

    (async () => {
      await import("../app.css");
      await initializeDatabase();
      setIsAppLoaded(true);
      memory.isAppLoaded = true;
    })();
  }, []);

  return [isAppLoaded];
}