nav bar

mobile/app/index.tsx

@@ -2,6 +2,7 @@ import React, { useState, useMemo } from 'react';
 import { View, FlatList, StyleSheet, TouchableOpacity, Text, Dimensions, Image, ActivityIndicator, TextInput } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
+import { MaterialIcons } from '@expo/vector-icons';
 import { useFiles, useFileImage } from '../hooks/useFiles';
 import { FileItem } from '../types';
 
@@ -162,10 +163,16 @@ export function HomeScreen() {
       />
 
       <View style={styles.bottomNav}>
+        <TouchableOpacity style={styles.navButton} onPress={() => {}}>
+          <MaterialIcons name="home" size={24} color="#1976D2" />
+          <Text style={styles.navText}>Accueil</Text>
+        </TouchableOpacity>
+
         <TouchableOpacity
           style={styles.navButton}
           onPress={() => navigation.navigate('Upload')}
         >
+          <MaterialIcons name="cloud-upload" size={24} color="#1976D2" />
           <Text style={styles.navText}>Upload</Text>
         </TouchableOpacity>
 
@@ -173,6 +180,7 @@ export function HomeScreen() {
           style={styles.navButton}
           onPress={() => navigation.navigate('Scan')}
         >
+          <MaterialIcons name="document-scanner" size={24} color="#1976D2" />
           <Text style={styles.navText}>Scan</Text>
         </TouchableOpacity>
       </View>
@@ -282,7 +290,9 @@ const styles = StyleSheet.create({
     borderTopColor: '#e0e0e0',
   },
   navButton: {
+    alignItems: 'center',
     padding: 8,
+    gap: 4,
   },
   navText: {
     fontSize: 16,

mobile/package-lock.json

@@ -8,6 +8,7 @@
       "name": "webui",
       "version": "1.0.0",
       "dependencies": {
+        "@expo/vector-icons": "^15.0.2",
         "@react-navigation/native": "^7.3.8",
         "@react-navigation/native-stack": "^7.17.10",
         "@tanstack/react-query": "^5.101.2",
@@ -1396,6 +1397,17 @@
       "integrity": "sha512-HHQigo3rQWKMDzYDLkubN5WQOYXJJE2eNqIQC2axC2iO3mHdwnIR7FgZVvHWtBwAdzBgAP0ECp8KqS8TiMKvgw==",
       "license": "MIT"
     },
+    "node_modules/@expo/vector-icons": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/@expo/vector-icons/-/vector-icons-15.1.1.tgz",
+      "integrity": "sha512-Iu2VkcoI5vygbtYngm7jb4ifxElNVXQYdDrYkT7UCEIiKLeWnQY0wf2ZhHZ+Wro6Sc5TaumpKUOqDRpLi5rkvw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo-font": ">=14.0.4",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/@expo/xcpretty": {
       "version": "4.4.4",
       "resolved": "https://registry.npmjs.org/@expo/xcpretty/-/xcpretty-4.4.4.tgz",
@@ -2822,6 +2834,20 @@
         "react-native": "*"
       }
     },
+    "node_modules/expo-font": {
+      "version": "57.0.0",
+      "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-57.0.0.tgz",
+      "integrity": "sha512-zF+J7WrNFjqyAADwdvDgkFEoIQv9DqcjJ57HVstNEH7/7Tx1ThPEhKraodEQOwSjMYWirP+4BYsVbdb+/Zr4QQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fontfaceobserver": "^2.1.0"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/expo-image-loader": {
       "version": "57.0.0",
       "resolved": "https://registry.npmjs.org/expo-image-loader/-/expo-image-loader-57.0.0.tgz",
@@ -3233,20 +3259,6 @@
         "react-native": "*"
       }
     },
-    "node_modules/expo/node_modules/expo-font": {
-      "version": "57.0.0",
-      "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-57.0.0.tgz",
-      "integrity": "sha512-zF+J7WrNFjqyAADwdvDgkFEoIQv9DqcjJ57HVstNEH7/7Tx1ThPEhKraodEQOwSjMYWirP+4BYsVbdb+/Zr4QQ==",
-      "license": "MIT",
-      "dependencies": {
-        "fontfaceobserver": "^2.1.0"
-      },
-      "peerDependencies": {
-        "expo": "*",
-        "react": "*",
-        "react-native": "*"
-      }
-    },
     "node_modules/expo/node_modules/expo-keep-awake": {
       "version": "57.0.0",
       "resolved": "https://registry.npmjs.org/expo-keep-awake/-/expo-keep-awake-57.0.0.tgz",

mobile/package.json

@@ -3,6 +3,7 @@
   "version": "1.0.0",
   "main": "index.ts",
   "dependencies": {
+    "@expo/vector-icons": "^15.0.2",
     "@react-navigation/native": "^7.3.8",
     "@react-navigation/native-stack": "^7.17.10",
     "@tanstack/react-query": "^5.101.2",