wip: implement dynamic question fetching and update URL handling

kalkulacka-one · Jan 9, 2025 · 7829734 · 7829734
1 parent 0f3bcea
commit 7829734
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/apps/web/app/abc/layout.tsx b/apps/web/app/abc/layout.tsx
@@ -3,15 +3,17 @@ import "@repo/design-system/styles";
 import "@repo/design-system/themes/theme-default";
 import { StoreProvider } from "./providers/storeProvider";
 import UrlUpdater from "./utils/urlUpdater";
+import getQuestions from "./utils/getQuestions";
 
-const collection = ["Collection 1", "Collection 2", "Collection 3"];
+const baseUrl = "https://dummyjson.com/c/7ee4-a7f4-4977-bb54";
+
+const collection = await getQuestions(baseUrl);
 
 export default async function RootLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  console.log(collection);
   return (
     <html lang="en">
       <StoreProvider collection={collection}>

diff --git a/apps/web/app/abc/utils/getQuestions.tsx b/apps/web/app/abc/utils/getQuestions.tsx
@@ -0,0 +1,5 @@
+export default async function getQuestions(baseUrl: string) {
+  const res = await fetch(baseUrl);
+  const data = await res.json();
+  return data;
+}
diff --git a/apps/web/app/abc/utils/urlUpdater.tsx b/apps/web/app/abc/utils/urlUpdater.tsx
@@ -10,12 +10,15 @@ export default function UrlUpdater({ children }: Props) {
   const currentQuestion = useQuestionsStore((state) => state.currentQuestion);
 
   useEffect(() => {
+    // cleanups ?
     // change url
     function changeUrl() {
+      // insert conditionals here for edge cases?
       history.replaceState({}, "", `/abc/${currentQuestion}`);
     }
     // change title
     function changeTitle() {
+      // insert conditionals here for edge cases?
       document.title = `Otázka ${currentQuestion}`;
     }
     changeTitle();