GitLab

Criado o componente de tela "DetailScreen", que é direcionado pelo componente Card com todos os dados do programa ou instituição.

    const onPressDetailsButton = () => {
        navigation.navigate("detailScreen", {...data, cardType, cardContext});
    }

É feita então a renderização desses dados em um componente de detalhamento dos dados da instituição e programa.

const data = route.params as any;

Este componente verifica, ao ser renderizando (mounted) se "program" ou "institution" de acordo com os dados passados ao componente por props.

    useEffect(() => {
        if ("programType" in data) {
            setDataType("program");
            setInstitutionData(getInstitutionByEmail(data.institutionEmail));
            console.log(institutionData)
        } else {
            setDataType("institution");
        }

    }, [dataType])

A partir daí, o componente renderiza os dados necessários para detalhamento do programa ou instituição.

Este componente será renderizado por todas as listas que utilizarem o componente informativo-para-imigrantes-frontend/src/components/Card.tsx

Não foi implementada rota para aprovação / rejeição de instituição e programas. Isso pode ser feito posteriormente, aplicando a mesma lógica de renderização condicional. É também possível utilizar cardType e cardContext.