IS ALIIIIIIIIVE

LeftOvers/Services/Recipes/RecipesServices.tsx

@@ -30,9 +30,6 @@ export default class RecipesService implements IRecipesService {
         const recipe: Recipes[] = []; 
         try {
             const response = await axios.get(`${this.IA_URL}/${ids}`);
-            if(response == null){
-                return recipe; 
-            }
             return response.data as Recipes[];
         } catch (error) {
             throw new Error('Erreur lors de la récupération des recettes dans getRecipeWithIngredients : ' + error.message);

LeftOvers/screens/RecipeSuggestion.tsx

@@ -32,7 +32,7 @@ export default function RecipeSuggestion({ route })  {
   const [colorFilters, setColorFilters] = useState(colors.cardDetail);
   const [isLoading, setIsLoading] = useState(true);
   const [response, setResponse] = useState<Recipes[] | undefined>(undefined);
-  const [selectedRecipes, setSelectedRecipes] = useState([]);
+  const [selectedRecipes, setSelectedRecipes] = useState<Recipes[]>([]);
   console.log(selectedRecipes);
   const recipeService = new RecipesServices();
   const { ingredients } = route.params; 
@@ -102,7 +102,8 @@ export default function RecipeSuggestion({ route })  {
     try {
       const recipes: Recipes[] = await recipeService.getRecipeWithIngredients(ids);
       console.log("Les recettes trouvé : " + recipes)
-      if(recipes === null){
+      console.log(recipes[0].id)
+      if(recipes[0].id != -1 ){
         setSelectedRecipes(recipes);
       }
     
@@ -211,11 +212,21 @@ export default function RecipeSuggestion({ route })  {
             <SelectedIngredient
               ingredientList={ingredients}
               onEvent={handleChildEvent}/>
-                  <ScrollView style={{ marginTop: "6%" }} horizontal={true}>
-                    <View style={{ marginHorizontal: 10 }} />
-                    {recipeElements}
-                    <View style={{ marginHorizontal: 10 }} />
-                  </ScrollView>
+                  <ScrollView style={{ marginTop: "6%" }} horizontal={true} contentContainerStyle={{ flexDirection: 'row' }}>
+                        {Array.isArray(selectedRecipes) && selectedRecipes.length === 0 ? (
+                          <Text>No recipes</Text>
+                        ) : (
+                          selectedRecipes.map((recipe, index) => (
+                            <View style={{ marginRight: 10, marginLeft: 20}} key={recipe.id}> 
+                              <RecipeElement
+                                key={recipe.id}
+                                recipe={recipe}
+                                navigateDetails={goDetails}
+                              />
+                            </View>
+                          ))
+                        )}
+                    </ScrollView>
             <View style={{marginBottom: "20%"}}/>
         </LinearGradient>
       </ScrollView>