fix theme color

projects/website/src/app/(pages)/player/[...slug]/page.tsx

@@ -118,7 +118,7 @@ export async function generateViewport(props: Props): Promise<Viewport> {
 
   const color = await getAverageColor(player.avatar);
   return {
-    themeColor: color.hex,
+    themeColor: color.color,
   };
 }
 

projects/website/src/common/image-utils.ts

@@ -20,10 +20,10 @@ export function getImageUrl(originalUrl: string) {
  */
 export const getAverageColor = async (src: string) => {
   try {
-    return await ky.get<{ hex: string }>(`${config.siteApi}/image/averagecolor/${encodeURIComponent(src)}`).json();
+    return await ky.get<{ color: string }>(`${config.siteApi}/image/averagecolor/${encodeURIComponent(src)}`).json();
   } catch {
     return {
-      hex: Colors.primary,
+      color: Colors.primary,
     };
   }
 };

projects/website/src/components/api/api-health.tsx

@@ -32,7 +32,9 @@ export function ApiHealth() {
     if (previousOnlineStatus.current !== online) {
       toast({
         title: `The API is now ${online ? "Online" : "Offline"}!`,
-        description: online ? "The API has recovered connectivity." : "The API has lost connectivity.",
+        description: online
+          ? "The API has recovered connectivity."
+          : "The API has lost connectivity, some data may be unavailable.",
         variant: online ? "success" : "destructive",
         duration: 10_000, // 10 seconds
       });