should be all good now (and added api status notifications)

projects/common/src/utils/api-utils.ts

@@ -11,7 +11,11 @@ type ApiHealth = {
  */
 export async function getApiHealth(url: string): Promise<ApiHealth> {
   try {
-    await ky.get(url);
+    await ky
+      .get(url, {
+        cache: "no-cache",
+      })
+      .json();
     return {
       online: true,
     };

projects/common/src/utils/utils.ts

@@ -1,3 +1,5 @@
+import ky from "ky";
+
 /**
  * Checks if we're in production
  */
@@ -24,3 +26,17 @@ export function delay(ms: number) {
 export function getPageFromRank(rank: number, itemsPerPage: number) {
   return Math.floor(rank / itemsPerPage) + 1;
 }
+
+/**
+ * Fetches data from the given url.
+ *
+ * @param url the url to fetch
+ */
+export async function kyFetch<T>(url: string): Promise<T | undefined> {
+  try {
+    return await ky.get<T>(url).json();
+  } catch (error) {
+    console.error(`Error fetching data from ${url}:`, error);
+    return undefined;
+  }
+}