Remove Google Maps vs OSM

apps/frontend-mobile/app.json

@@ -24,13 +24,7 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#007AFF"
       },
-      "package": "com.farmafinder.app",
+      "package": "com.farmafinder.app"
-      "googleServicesFile": "./google-services.json",
-      "config": {
-        "googleMaps": {
-          "apiKey": ""
-        }
-      }
     },
     "plugins": [
       "expo-router",

apps/frontend-mobile/app/(tabs)/map.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { View, StyleSheet, Text } from 'react-native';
-import MapView, { Marker, UrlTile, PROVIDER_DEFAULT } from 'react-native-maps';
+import MapView, { Marker, UrlTile } from 'react-native-maps';
 import { useRouter } from 'expo-router';
 import { getPharmacies } from '../../services/pharmacies';
 import { LoadingSpinner } from '../../components/LoadingSpinner';
@@ -54,7 +54,6 @@ export default function MapScreen() {
     <View style={styles.container}>
       <MapView
         style={styles.map}
-        provider={PROVIDER_DEFAULT}
         mapType="none"
         region={region}
         onRegionChangeComplete={setRegion}

apps/frontend-mobile/app/(tabs)/search.tsx

@@ -174,32 +174,33 @@ export default function SearchScreen() {
         data={results}
         keyExtractor={(item) => item.nregistro}
         renderItem={({ item }) => <MedicineCard medicine={item} />}
-        ListHeaderComponent={
+        ListEmptyComponent={
-          <>
+          products.length === 0 ? null : undefined
-            {products.length > 0 && (
+        }
-              <View style={styles.section}>
+        ListFooterComponent={
-                <Text style={[styles.sectionTitle, { color: colors.text }]}>{t('search.parapharmacy')}</Text>
+          products.length > 0 ? (
-                {products.map((product) => (
+            <View style={styles.section}>
-                  <TouchableOpacity
+              <Text style={[styles.sectionTitle, { color: colors.text }]}>{t('search.parapharmacy')}</Text>
-                    key={`${product.source}-${product.id || product._id}`}
+              {products.map((product) => (
-                    style={[styles.productCard, { backgroundColor: colors.card, borderColor: colors.border }]}
+                <TouchableOpacity
-                    onPress={() => router.push(`/product/${product.source}/${product.id || product._id}`)}
+                  key={`${product.source}-${product.id || product._id}`}
-                    activeOpacity={0.7}
+                  style={[styles.productCard, { backgroundColor: colors.card, borderColor: colors.border }]}
-                  >
+                  onPress={() => router.push(`/product/${product.source}/${product.id || product._id}`)}
-                    <View style={styles.productInfo}>
+                  activeOpacity={0.7}
-                      <View style={styles.badges}>
+                >
-                        <View style={[styles.sourceBadge, { backgroundColor: '#16a34a' }]}>
+                  <View style={styles.productInfo}>
-                          <Text style={styles.badgeText}>{t('search.parapharmacy')}</Text>
+                    <View style={styles.badges}>
-                        </View>
+                      <View style={[styles.sourceBadge, { backgroundColor: '#16a34a' }]}>
+                        <Text style={styles.badgeText}>{t('search.parapharmacy')}</Text>
                       </View>
-                      <Text style={[styles.productName, { color: colors.text }]} numberOfLines={1}>{product.name}</Text>
-                      <Text style={[styles.productBrand, { color: colors.textSecondary }]} numberOfLines={1}>{product.brand} • {product.price}€</Text>
                     </View>
-                  </TouchableOpacity>
+                    <Text style={[styles.productName, { color: colors.text }]} numberOfLines={1}>{product.name}</Text>
-                ))}
+                    <Text style={[styles.productBrand, { color: colors.textSecondary }]} numberOfLines={1}>{product.brand} • {product.price}€</Text>
-              </View>
+                  </View>
-            )}
+                </TouchableOpacity>
-          </>
+              ))}
+            </View>
+          ) : null
         }
         contentContainerStyle={[styles.list, isTablet && styles.listTablet]}
         showsVerticalScrollIndicator={false}

apps/frontend-mobile/app/medicine/[id].tsx

@@ -3,7 +3,7 @@ import { View, Text, ScrollView, StyleSheet, TouchableOpacity, Linking } from 'r
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
 import * as Location from 'expo-location';
-import MapView, { Marker, UrlTile, PROVIDER_DEFAULT } from 'react-native-maps';
+import MapView, { Marker, UrlTile } from 'react-native-maps';
 import { getMedicine, getMedicinePharmacies } from '../../services/medicines';
 import { subscribeToMedicine, unsubscribeFromMedicine } from '../../services/notifications';
 import { useAuth } from '../../hooks/useAuth';
@@ -209,7 +209,6 @@ export default function MedicineDetailScreen() {
         <View style={styles.mapContainer}>
           <MapView
             style={styles.map}
-            provider={PROVIDER_DEFAULT}
             mapType="none"
             initialRegion={{
               latitude: mapCenter.latitude,

apps/frontend-mobile/app/pharmacy/[id].tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { View, Text, ScrollView, StyleSheet, TouchableOpacity, Linking } from 'react-native';
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import { Ionicons } from '@expo/vector-icons';
-import MapView, { Marker, UrlTile, PROVIDER_DEFAULT } from 'react-native-maps';
+import MapView, { Marker, UrlTile } from 'react-native-maps';
 import { getPharmacy, getPharmacyMedicines } from '../../services/pharmacies';
 import { subscribeToMedicine, unsubscribeFromMedicine } from '../../services/notifications';
 import { useAuth } from '../../hooks/useAuth';
@@ -125,7 +125,6 @@ export default function PharmacyDetailScreen() {
       <View style={styles.mapContainer}>
         <MapView
           style={styles.map}
-          provider={PROVIDER_DEFAULT}
           mapType="none"
           initialRegion={{
             latitude: pharmacy.latitude,