Skip to content

GitLab

Merged
Created by Lourenço Souza@lourenco.souzaOwner

✨/🎨 -> Criando Modal de Informações e Corrigindo Botoes Primarios e Secundarios

Issue number:

Issue 8 - Criar a modal de informações do voo

image

Descrição:

  • Criando components flightInformationModal, esse componente é responsável por exibir ao usuário as informações do seu voo. Tivemos que remover o avião da Modal, o svg disponível ficou muito estranho na modal.
  • Corrigindo erros no código do botão primário e secundário, foi corrigido algumas propriedades, styles e também foi tornado o botão mais responsivo.

Checklist:

  • [ X ] Não deixou string literais no código
  • [ X ] Utilizou as variáveis padronizadas do design system (cor, títulos/fontes, imagens e etc)
  • [ X ] Não deixou nenhum código comentado

Screenshots:

image

image

Como testar o MR:

  • Baixe o repositório;
  • Entre nessa branch;
  • Abra o seu VS code e altere o código da home para adicionar um botao para abrir a modal information e a modal information;
  • Exemplo de código:

    Necessário também importar o useState do react: import React, { useContext, useRef, useState } from 'react';

    import { Button } from 'react-native';

    import FlightInformationModal from '../../components/flightInformationModal/flightInformationModal';

    const [isModalVisible, setIsModalVisible] = useState(false);

    <FlightInformationModal isVisible={isModalVisible} onClose={() => setIsModalVisible(false)} onRedirect={() => console.log('voltei pra home')} />

    <Button title="Abrir Modal" onPress={() => setIsModalVisible(true)} />

  • Rode um npm install e depois rode um npm start;
  • Abra a modal pelo botão e visualize o que foi feito.

Colaboradores:

Abaixo temos algumas pessoas que participaram de alguma parte dessa tarefa, sendo opinando no design ou ajudando em algum bug.

Aprovadores:

Edited by Joao Carlos Vieira