From bd969b34d76bea5ed81b6497d611efccae6984c7 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 20 Dec 2025 12:29:54 +0000
Subject: feat: add server version display to mobile app settings (#2276)

- Created useServerVersion hook to fetch server version from /api/version
- Display both app version (from expo-constants) and server version
- Added version info at the bottom of settings page
- Server version shows loading state and handles errors gracefully

Co-authored-by: Claude <noreply@anthropic.com>
---
 apps/mobile/lib/hooks.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'apps/mobile/lib')

diff --git a/apps/mobile/lib/hooks.ts b/apps/mobile/lib/hooks.ts
index 38ecebea..3540df23 100644
--- a/apps/mobile/lib/hooks.ts
+++ b/apps/mobile/lib/hooks.ts
@@ -1,4 +1,5 @@
 import { ImageURISource } from "react-native";
+import { useQuery } from "@tanstack/react-query";
 
 import useAppSettings from "./settings";
 import { buildApiHeaders } from "./utils";
@@ -10,3 +11,25 @@ export function useAssetUrl(assetId: string): ImageURISource {
     headers: buildApiHeaders(settings.apiKey, settings.customHeaders),
   };
 }
+
+export function useServerVersion() {
+  const { settings } = useAppSettings();
+
+  return useQuery({
+    queryKey: ["serverVersion", settings.address],
+    queryFn: async () => {
+      const response = await fetch(`${settings.address}/api/version`, {
+        headers: buildApiHeaders(settings.apiKey, settings.customHeaders),
+      });
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch server version: ${response.status}`);
+      }
+
+      const data = await response.json();
+      return data.version as string;
+    },
+    enabled: !!settings.address,
+    staleTime: 1000 * 60 * 5, // Cache for 5 minutes
+  });
+}
-- 
cgit v1.2.3-70-g09d2