@oxyhq/services 5.5.9 → 5.6.0

package/src/ui/screens/AppInfoScreen.tsx

@@ -16,6 +16,7 @@ import { useOxy } from '../context/OxyContext';
 import { fontFamilies } from '../styles/fonts';
 import { packageInfo } from '../../constants/version';
 import { toast } from '../../lib/sonner';
+import { confirmAction } from '../utils/confirmAction';
 import OxyIcon from '../components/icon/OxyIcon';
 import { Ionicons } from '@expo/vector-icons';
 import OxyServicesLogo from '../../assets/icons/OxyServices';
@@ -69,18 +70,15 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
         // Check API connection on mount
         const checkConnection = async () => {
             setConnectionStatus('checking');
-            const apiBaseUrl = oxyServices?.getBaseURL() || 'https://api.oxy.so';
+
+            if (!oxyServices) {
+                setConnectionStatus('disconnected');
+                return;
+            }
+
             try {
-                const response = await fetch(`${apiBaseUrl}/`, {
-                    method: 'GET',
-                    timeout: 3000,
-                } as any);
-
-                if (response.ok) {
-                    setConnectionStatus('connected');
-                } else {
-                    setConnectionStatus('disconnected');
-                }
+                await oxyServices.healthCheck();
+                setConnectionStatus('connected');
             } catch (error) {
                 setConnectionStatus('disconnected');
             }
@@ -121,22 +119,11 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
             toast.info('Running system checks...', { duration: 2000 });
 
             try {
-                const response = await fetch(`${apiBaseUrl}/`, {
-                    method: 'GET',
-                    timeout: 5000,
-                } as any);
-
-                if (response.ok) {
-                    const data = await response.json();
-                    checks.push('✅ API server is responding');
-                    checks.push(`📊 Server stats: ${data.users || 0} users`);
-                    checks.push(`🌐 API URL: ${apiBaseUrl}`);
-                    setConnectionStatus('connected');
-                } else {
-                    checks.push('❌ API server returned error status');
-                    checks.push(`   Status: ${response.status} ${response.statusText}`);
-                    setConnectionStatus('disconnected');
-                }
+                const data = await oxyServices.healthCheck();
+                checks.push('✅ API server is responding');
+                checks.push(`📊 Server stats: ${data.users || 0} users`);
+                checks.push(`🌐 API URL: ${apiBaseUrl}`);
+                setConnectionStatus('connected');
             } catch (error) {
                 checks.push('❌ API server connection failed');
                 checks.push(`   Error: ${error instanceof Error ? error.message : 'Unknown error'}`);
@@ -216,13 +203,9 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
 
             // Show results in an alert and copy to clipboard
             const report = checks.join('\n');
-            Alert.alert(
-                'System Check Results',
-                `Check completed. Results copied to clipboard.\n\nSummary: ${errorCount} errors, ${warningCount} warnings`,
-                [
-                    { text: 'View Full Report', onPress: () => copyToClipboard(report, 'System check report') },
-                    { text: 'OK', style: 'default' }
-                ]
+            confirmAction(
+                `Check completed. Results copied to clipboard.\n\nSummary: ${errorCount} errors, ${warningCount} warnings.\n\nCopy full report to clipboard?`,
+                () => copyToClipboard(report, 'System check report')
             );
 
         } catch (error) {
@@ -514,20 +497,17 @@ const AppInfoScreen: React.FC<BaseScreenProps> = ({
                         }
                         onPress={async () => {
                             setConnectionStatus('checking');
-                            const apiBaseUrl = oxyServices?.getBaseURL() || 'https://api.oxy.so';
+
+                            if (!oxyServices) {
+                                setConnectionStatus('disconnected');
+                                toast.error('OxyServices not initialized');
+                                return;
+                            }
+
                             try {
-                                const response = await fetch(`${apiBaseUrl}/`, {
-                                    method: 'GET',
-                                    timeout: 3000,
-                                } as any);
-
-                                if (response.ok) {
-                                    setConnectionStatus('connected');
-                                    toast.success('API connection successful');
-                                } else {
-                                    setConnectionStatus('disconnected');
-                                    toast.error(`API server error: ${response.status}`);
-                                }
+                                await oxyServices.healthCheck();
+                                setConnectionStatus('connected');
+                                toast.success('API connection successful');
                             } catch (error) {
                                 setConnectionStatus('disconnected');
                                 toast.error('Failed to connect to API server');

package/src/ui/screens/FeedbackScreen.tsx

@@ -239,15 +239,19 @@ const createStyles = (colors: any, theme: string) => StyleSheet.create({
         paddingHorizontal: 32,
         borderRadius: 16,
         marginVertical: 8,
-        shadowOffset: {
-            width: 0,
-            height: 4,
-        },
-        shadowOpacity: 0.3,
-        shadowRadius: 8,
-        elevation: 6,
         gap: 8,
         width: '100%',
+        ...Platform.select({
+            web: {
+                boxShadow: '0 4px 8px rgba(0,0,0,0.3)',
+            },
+            default: {
+                shadowOffset: { width: 0, height: 4 },
+                shadowOpacity: 0.3,
+                shadowRadius: 8,
+                elevation: 6,
+            }
+        }),
     },
     buttonText: {
         color: '#FFFFFF',
@@ -271,13 +275,17 @@ const createStyles = (colors: any, theme: string) => StyleSheet.create({
         gap: 6,
         minWidth: 70,
         borderWidth: 1,
-        shadowOffset: {
-            width: 0,
-            height: 2,
-        },
-        shadowOpacity: 0.1,
-        shadowRadius: 4,
-        elevation: 2,
+        ...Platform.select({
+            web: {
+                boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
+            },
+            default: {
+                shadowOffset: { width: 0, height: 2 },
+                shadowOpacity: 0.1,
+                shadowRadius: 4,
+                elevation: 2,
+            }
+        }),
     },
     backButton: {
         backgroundColor: 'transparent',
@@ -310,11 +318,18 @@ const createStyles = (colors: any, theme: string) => StyleSheet.create({
         marginHorizontal: 6,
         borderWidth: 2,
         borderColor: '#fff',
-        shadowColor: colors.primary,
-        shadowOpacity: 0.08,
-        shadowOffset: { width: 0, height: 1 },
-        shadowRadius: 2,
-        elevation: 1,
+        ...Platform.select({
+            web: {
+                boxShadow: '0 1px 2px rgba(0,0,0,0.08)',
+            },
+            default: {
+                shadowColor: colors.primary,
+                shadowOpacity: 0.08,
+                shadowOffset: { width: 0, height: 1 },
+                shadowRadius: 2,
+                elevation: 1,
+            }
+        }),
     },
     summaryContainer: {
         padding: 0,