fixxed big ui cavia

carry-your-live/app/(tabs)/settings.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, Text, StyleSheet, SafeAreaView, ScrollView, Switch, TouchableOpacity } from 'react-native';
+import { View, Text, StyleSheet, SafeAreaView, ScrollView, Switch, TouchableOpacity, Alert, Linking } from 'react-native';
 import { Header } from '@/components/Header';
 import { ListItem } from '@/components/ListItem';
 import { OptionPickerModal } from '@/components/OptionPickerModal';
@@ -12,6 +12,7 @@ import SyncStatus from '@/components/SyncStatus';
 import { useSettings, SORT_OPTIONS, REMINDER_OPTIONS } from '@/theme';
 import { useCategories } from '@/hooks/useDatabase';
 import { getAuthUser, getAuthToken } from '@/services/auth';
+import { checkForUpdates, getCurrentAppVersion } from '@/services/updates';
 import { getLastSyncTime } from '@/database/sync';
 import Category from '@/models/Category';
 import Svg, { Path } from 'react-native-svg';
@@ -26,6 +27,28 @@ export default function SettingsScreen() {
   const [legalVisible, setLegalVisible] = useState<null | 'privacy' | 'terms'>(null);
   const [serverUrlVisible, setServerUrlVisible] = useState(false);
   const [syncSubtitle, setSyncSubtitle] = useState('Checking...');
+  const [updateSubtitle, setUpdateSubtitle] = useState('Tap to check');
+
+  const handleCheckUpdates = async () => {
+    setUpdateSubtitle('Checking...');
+    const update = await checkForUpdates();
+    if (!update) {
+      setUpdateSubtitle('Up to date');
+      Alert.alert('Up to date', `You're running the latest version (${getCurrentAppVersion()}).`);
+      return;
+    }
+    setUpdateSubtitle(`${update.version} available`);
+    const url = update.apkUrl ?? update.releaseUrl;
+    Alert.alert('Update available', `Version ${update.version} is available for download.`, [
+      { text: 'Later', style: 'cancel' },
+      {
+        text: 'Download',
+        onPress: () => {
+          if (url) Linking.openURL(url).catch(() => {});
+        },
+      },
+    ]);
+  };
 
   const refreshSyncStatus = async () => {
     const token = await getAuthToken();
@@ -45,6 +68,7 @@ export default function SettingsScreen() {
   };
 
   React.useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     refreshSyncStatus();
   }, []);
 
@@ -52,12 +76,12 @@ export default function SettingsScreen() {
   const defaultCategoryLabel = defaultCategory?.name ?? (categories.length > 0 ? categories[0].name : 'None');
   const reminderLabel = REMINDER_OPTIONS.find((o) => o.value === reminderPreference)?.label ?? 'No reminder';
 
-  const handleDefaultCategory = (value: string) => {
-    setDefaultCategoryId(value);
+  const handleDefaultCategory = (value: string | string[]) => {
+    setDefaultCategoryId(Array.isArray(value) ? value[0] : value);
   };
 
-  const handleReminderPreference = (value: string) => {
-    setReminderPreference(value as typeof reminderPreference);
+  const handleReminderPreference = (value: string | string[]) => {
+    setReminderPreference((Array.isArray(value) ? value[0] : value) as typeof reminderPreference);
   };
 
   const editorVisible = editingCategory !== null;
@@ -146,9 +170,15 @@ export default function SettingsScreen() {
           showChevron
         />
         <Text style={[styles.sectionTitle, { color: theme.textMuted }]}>About</Text>
+        <ListItem
+          title="Check for Updates"
+          subtitle={updateSubtitle}
+          onPress={handleCheckUpdates}
+          showChevron
+        />
         <ListItem
           title="Version"
-          subtitle="1.0.0"
+          subtitle={getCurrentAppVersion()}
         />
         <ListItem
           title="Privacy Policy"