use public folder

cojua8 · Jan 9, 2024 · bb7cf13 · bb7cf13
1 parent 97c8b18
commit bb7cf13
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.svg" type="image/x-icon" />
     <title>Curriculum Vitae</title>
   </head>
   <body>

diff --git a/src/data.json → public/data.json b/src/data.json → public/data.json
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,22 +1,29 @@
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import Experience from "./components/Experience";
 import { FileDownloadButton } from "./components/FileDownloadButton";
 import { FileUploadButton } from "./components/FileUploadButton";
 import PrintButton from "./components/PrintButton";
 import Sidebar from "./components/Sidebar";
 import StickyButtonGroup from "./components/base/StickyButtonGroup";
 import { CVData, DataContext } from "./components/contexts/DataContext";
-import context_data from "./data.json";
 
 library.add(fas, fab);
 
 const App = () => {
-  const context = context_data as CVData;
+  const [data, setData] = useState<CVData | null>(null);
 
-  const [data, setData] = useState(context);
+  useEffect(() => {
+    fetch(`${import.meta.env.BASE_URL}data.json`)
+      .then((response) => response.json())
+      .then((data) => setData(data as CVData));
+  }, []);
+
+  if (!data) {
+    return <div>Loading...</div>;
+  }
 
   return (
     <div>