..

viewer/src/routes/+page.svelte

@@ -277,6 +277,7 @@
 
     let statusMessage = "";
     const baseURL = "https://dylanebert-research-tracker-backend.hf.space";
+    // const baseURL = "http://localhost:8000";
 
     const addEntry = async () => {
         if (!("Name" in selection)) return;
@@ -342,7 +343,7 @@
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
-                "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
             },
             body: JSON.stringify(row),
         });
@@ -366,7 +367,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify({ value }),
             });
@@ -391,7 +392,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -425,7 +426,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -459,7 +460,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -492,7 +493,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -525,7 +526,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -558,7 +559,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -591,7 +592,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -624,7 +625,7 @@
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
-                    "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
                 },
                 body: JSON.stringify(row),
             });
@@ -657,14 +658,20 @@
     const fetchRows = async () => {
         if (fetching) return;
         fetching = true;
-        const response = await fetch(baseURL + "/data", {
-            method: "GET",
-            headers: {
-                "Authorization": "Bearer " + import.meta.env.VITE_HF_TOKEN,
-            },
-        });
-        rows = await response.json();
-        fetching = false;
+        statusMessage = `<span>Fetching data from https://dylanebert-research-tracker-backend.hf.space/data"</span>`;
+        try {
+            const response = await fetch(baseURL + "/data", {
+                method: "GET",
+                headers: {
+                    Authorization: "Bearer " + import.meta.env.VITE_HF_TOKEN,
+                },
+            });
+            rows = await response.json();
+            fetching = false;
+        } catch (e) {
+            console.error(e);
+            statusMessage = `<span style="color: red;">Error: Failed to fetch data from https://dylanebert-research-tracker-backend.hf.space/data</span>`;
+        }
     };
 </script>
 
@@ -674,7 +681,7 @@
     </div>
 {:else if fetching}
     <div style="text-align: center; margin-top: 1rem;">
-        <p>Fetching data from https://dylanebert-research-tracker-backend.hf.space/data</p>
+        <p>{@html statusMessage}</p>
     </div>
 {:else}
     <div style="text-align: center; margin-top: 1rem;">