Added pages persistance (ugly, but temporary)

src/hooks/useBookState.ts

@@ -0,0 +1,48 @@
+import React, { useEffect, useState } from "react";
+import { BookState } from "~/types/book";
+import { loadBookState, saveBookState } from "~/utils/localStorage";
+
+export const useBookState = (
+  pagesReady: boolean,
+  hash: string | undefined,
+  goToPage: (pageNum: number) => void,
+  currentPage: React.RefObject<number>
+): [boolean, BookState | undefined] => {
+  const [state, setState] = useState<BookState>();
+  const [ready, setReady] = useState(false);
+
+  useEffect(() => {
+    if (hash)
+      loadBookState(
+        hash,
+        (obj) => setState(obj),
+        () => setState({ currentPage: 0 })
+      );
+  }, [hash]);
+
+  useEffect(() => {
+    console.log(Boolean(!ready && state?.currentPage && goToPage));
+    if (!ready && state?.currentPage && pagesReady) {
+      console.log("Go to", state.currentPage);
+      goToPage(state.currentPage);
+      console.log("Ready");
+      setReady(true);
+    } else if (hash && !ready && pagesReady && typeof state === "object") {
+      saveBookState(hash, { currentPage: 0 });
+      setReady(true);
+    }
+  }, [ready, state, goToPage]);
+
+  useEffect(
+    () => () => {
+      if (hash) {
+        console.log(currentPage);
+        if (ready && state) saveBookState(hash, state);
+        else saveBookState(hash, { currentPage: currentPage.current || 0 });
+      }
+    },
+    []
+  );
+
+  return [ready, state];
+};