orodrigogo / react-native-na-pratica-1

😋🥗🍎 App que sugere receitas baseadas nos ingredientes selecionados.

Links

🔴 Assista meus vídeos no YouTube: @orodrigogo

🔴 Figma do projeto: Cook App

---

Sobre o projeto

Imagine chegar em casa com fome depois de um dia de muito trabalho e lembrar que você esqueceu de passar no mercado para fazer as compras da semana. Então você decide abrir a geladeira pra fazer uma janta com o que já tem em casa, mas está sem muita criatividade pra cozinhar. É esse problema que o Cook App pode resolve! Nessa aula do evento React Native na prática vamos criar uma aplicação que sugere receitas conforme os ingredientes selecionados usando React Native, Expo, Expo router, Supabase e React Native reanimated.

react-native-na-pratica-1's Issues

Problema em exibir a lista dos ingredientes selecionados da tela de detalhes no componente recipe/[id].tsx

Solução: Criar uma função no Supabase
CREATE OR REPLACE FUNCTION get_ingredients_by_recipe_id(p_recipe_id UUID) RETURNS TABLE (id UUID, name character varying, image text) AS $$ BEGIN RETURN QUERY SELECT i.id, i.name, i.image FROM recipes_ingredients ri INNER JOIN ingredients i ON ri.ingredient_id = i.id WHERE ri.recipe_id = p_recipe_id; END; $$ LANGUAGE plpgsql;

Substituir a função findByRecipeId em src\services\ingredientsService.ts por:
async function findByRecipeId(id: string) { const { data } = await supabase.rpc('get_ingredients_by_recipe_id', { p_recipe_id: id }); return data || []; }