add images and changes somes details

LeftOvers/screens/IngredientSelection.tsx

@@ -8,6 +8,9 @@ import FoodElementText from '../components/FoodElementText';
 import CustomButton from '../components/CustomButton';
 import plus from '../assets/images/plus.png';
 import moins from '../assets/images/minus.png';
+import meat from '../assets/images/meat_icon.png';
+import vegetable from '../assets/images/vegetable_icon.png';
+import fruit from '../assets/images/fruit_icon.png';
 
 
 export default function IngredientSelection(props) {
@@ -44,16 +47,13 @@ const ChooseItem = ({value}: ItemProps) => (
             <View style={styles.element}>
               <View style={[styles.horizontalAlignement, {justifyContent: 'center'}]}>
                 <Pressable>
-                    <Image source={brochette} style={{ width: 40, height: 40 }} />
+                    <Image source={meat} style={{ width: 30, height: 30 }} />
                 </Pressable>
                 <Pressable>
-                    <Image source={brochette} style={{ width: 40, height: 40 }} />
+                    <Image source={vegetable} style={{ width: 30, height: 30 }} />
                 </Pressable>
                 <Pressable>
-                    <Image source={brochette} style={{ width: 40, height: 40 }} />
-                </Pressable>
-                <Pressable>
-                    <Image source={brochette} style={{ width: 40, height: 40 }} />
+                    <Image source={fruit} style={{ width: 30, height: 30 }} />
                 </Pressable>
               </View>
               <View>

LeftOvers/screens/RecipeSuggestion.tsx

@@ -12,8 +12,6 @@ import bracketLeft from '../assets/images/angle_bracket_left.png';
 import bracketRight from '../assets/images/angle_bracket_right.png';
 import CustomButton from '../components/CustomButton';
 import DietsTab from '../components/DietsTab';
-import plus from '../assets/images/plus.png';
-import moins from '../assets/images/minus.png';
 
 
 export default function RecipeSuggestion(props) {
@@ -46,6 +44,7 @@ export default function RecipeSuggestion(props) {
   const handleChildEventGoIngredients = (value) => {
       setVisibleFilters(false);
       setVisibleIngredients(true);
+      console.log("jai change pour iingredient");
   }
 
   const decreaseCounter = () => {
@@ -65,14 +64,8 @@ export default function RecipeSuggestion(props) {
   const imageElements = limitedList.map((source, index) => (
       <View style={[styles.horizontalAlignement, { marginBottom: 10 }]}>
         <FoodElementText key={index} title={source} />
-        <Pressable>
-          <Image source={plus} style={{ width: 20, height: 20 }} />
-        </Pressable>
-        
-        <Pressable>
-          <Image source={moins} style={{ width: 20, height: 20 }} />
-        </Pressable>
-        
+        <Image source={brochette} style={{ width: 20, height: 20 }} />
+        <Image source={brochette} style={{ width: 20, height: 20 }} />
       </View>
   ));
 
@@ -139,7 +132,11 @@ export default function RecipeSuggestion(props) {
                                   <CustomButton title="Save"></CustomButton>
                               </View>
                           </View>
+
+
                         )}
+
+
                     </Modal>
                 </Portal>
             </PaperProvider>