From 49790445e152c774ed9a2559afae18bbf384f04d Mon Sep 17 00:00:00 2001
From: Remi REGNAULT <Remi.REGNAULT@etu.uca.fr>
Date: Tue, 21 Nov 2023 15:37:29 +0100
Subject: [PATCH] fix: some error message on ValidateButton props todo is not
 assigned

---
 LeftOvers/components/ValidateButton.tsx | 37 +++++++++++++------------
 LeftOvers/screens/HomePage.tsx          | 17 ++++++------
 2 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/LeftOvers/components/ValidateButton.tsx b/LeftOvers/components/ValidateButton.tsx
index 5c91946..a075fc4 100644
--- a/LeftOvers/components/ValidateButton.tsx
+++ b/LeftOvers/components/ValidateButton.tsx
@@ -19,23 +19,26 @@ export default function ValidateButton(props: ValidateButtonProps) {
           borderRadius: 20,
         }}
         onPress={props.todo}>
-        <View style={{
-            borderRadius: 30,
-            borderWidth: 2,
-            borderColor: props.colour,
-            backgroundColor: props.backColour,
-            alignItems: 'center',
-            justifyContent: "center",
-            flexDirection: "row",
-            padding: 5,
-            paddingRight: 10,}}>
-            <Image source={require('../assets/images/'+props.image)} style={{
-                height: 20,
-                width: 20,
-                marginLeft: 5,
-                marginRight: 10,
-                resizeMode: "center",
-                tintColor: props.colour,}}>
+        <View 
+            style={{
+                borderRadius: 30,
+                borderWidth: 2,
+                borderColor: props.colour,
+                backgroundColor: props.backColour,
+                alignItems: 'center',
+                justifyContent: "center",
+                flexDirection: "row",
+                padding: 5,
+                paddingRight: 10,}}>
+            <Image 
+                source={require('../assets/images/'+props.image)} 
+                style={{
+                    height: 20,
+                    width: 20,
+                    marginLeft: 5,
+                    marginRight: 10,
+                    resizeMode: "center",
+                    tintColor: props.colour,}}>
             </Image>
             <Text style={{
                 fontSize: 20,
diff --git a/LeftOvers/screens/HomePage.tsx b/LeftOvers/screens/HomePage.tsx
index c886d86..e1f76e1 100644
--- a/LeftOvers/screens/HomePage.tsx
+++ b/LeftOvers/screens/HomePage.tsx
@@ -1,4 +1,5 @@
-import {React, useState} from 'react';
+import React from 'react';
+import { useState } from 'react';
 import {StyleSheet, View, Text, Pressable, Image} from 'react-native';
 import ProfileModification from '../components/ProfileModification';
 import ValidateButton from '../components/ValidateButton';
@@ -14,10 +15,10 @@ import bracketRight from '../assets/images/angle_bracket_right.png';
 
 export default function HomePage({ navigation , props}) {
   const profiles = [
-        {name: "Johnny Silverhand", avatar: "plus_small.png", isActive: "flex"},
-        {name: "Panam Palmer", avatar: "plus_small.png", isActive: "none"},
-        {name: "Goro Takemura", avatar: "plus_small.png", isActive: "none"},
-        {name: "David Martinez", avatar: "plus_small.png", isActive: "flex"},
+      {name: "Johnny Silverhand", avatar: "plus_small.png", isActive: "flex"},
+      {name: "Panam Palmer", avatar: "plus_small.png", isActive: "none"},
+      {name: "Goro Takemura", avatar: "plus_small.png", isActive: "none"},
+      {name: "David Martinez", avatar: "plus_small.png", isActive: "flex"},
   ]
 
   const ingredientList = [{title: "Carrot"}, {title: "Potato"}, {title: "Peach"}]
@@ -72,7 +73,7 @@ export default function HomePage({ navigation , props}) {
                         <Text style={styles.filters}>Ingredient Stocks</Text>
                     </View>
                     <View style={{marginTop: 10}}/>
-                    <ValidateButton title="Manage Stocks" image="warehouse.png" colour="#59BDCD" backColour="#E3DEC9"/>
+                    <ValidateButton title="Manage Stocks" image="warehouse.png" colour="#59BDCD" backColour="#E3DEC9" todo={() => console.log('ManageStocks')}/>
                 </View>
                 <View style={{marginTop: 20}}/>
                 <View style={styles.profilesSelection}>
@@ -93,9 +94,9 @@ export default function HomePage({ navigation , props}) {
                          </View>
                      </View>
                      <View style={{marginTop: 15}}/>
-                     <ValidateButton title="Change Selected Ingredients" image="cook.png" colour="#59BDCD" backColour="#E3DEC9"/>
+                     <ValidateButton title="Change Selected Ingredients" image="cook.png" colour="#59BDCD" backColour="#E3DEC9" todo={ () => console.log('Chnge Selected Ingredient')}/>
                      <View style={{marginTop: 10}}/>
-                     <ValidateButton title="Search Recipes" image="search.png" colour="#59BDCD" backColour="#E3DEC9"/>
+                     <ValidateButton title="Search Recipes" image="search.png" colour="#59BDCD" backColour="#E3DEC9" todo={ () => console.log('Go and search for recipe')}/>
                 </View>
             </LinearGradient>
         </View>