scan food

with mock db, real db[openfoodfacts] to be implemented

apps/mobile/src/app/(tabs)/index.tsx

@@ -9,6 +9,7 @@ import { QuickActionGrid } from "../../components/QuickActionGrid";
 import { TrackMealModal } from "../../components/TrackMealModal";
 import { AddWaterModal } from "../../components/AddWaterModal";
 import { HydrationWidget } from "../../components/HydrationWidget";
+import { ScanFoodModal } from "../../components/ScanFoodModal";
 import { Ionicons } from "@expo/vector-icons";
 
 export default function HomeScreen() {
@@ -16,6 +17,7 @@ export default function HomeScreen() {
   const [refreshing, setRefreshing] = useState(false);
   const [trackMealModalVisible, setTrackMealModalVisible] = useState(false);
   const [addWaterModalVisible, setAddWaterModalVisible] = useState(false);
+  const [scanFoodModalVisible, setScanFoodModalVisible] = useState(false);
   const [calories, setCalories] = useState(0);
   const [waterIntake, setWaterIntake] = useState(0);
 
@@ -51,6 +53,11 @@ export default function HomeScreen() {
     setWaterIntake(0);
   };
 
+  const handleAddScannedFood = (scannedCalories: number) => {
+    setCalories(prev => prev + scannedCalories);
+    setScanFoodModalVisible(false);
+  };
+
   const resetAllCounters = async () => {
     setCalories(0);
     setWaterIntake(0);
@@ -134,6 +141,7 @@ export default function HomeScreen() {
         <QuickActionGrid
           onTrackMealPress={() => setTrackMealModalVisible(true)}
           onAddWaterPress={() => setAddWaterModalVisible(true)}
+          onScanFoodPress={() => setScanFoodModalVisible(true)}
         />
 
         <TrackMealModal
@@ -150,6 +158,12 @@ export default function HomeScreen() {
           onResetData={handleResetWater}
         />
 
+        <ScanFoodModal
+          visible={scanFoodModalVisible}
+          onClose={() => setScanFoodModalVisible(false)}
+          onAddFood={handleAddScannedFood}
+        />
+
         {/* Recent Activity Section */}
         <View style={styles.section}>
           <View style={styles.sectionHeader}>