Issue

5

Descrição

Issue destinada a criação de componentes simples muito utilizados no projeto (de acordo com o protótipo de alta fidelidade)

Screenshots (Se houver necessidade):

menos os botões do menu lateral

Checklist:

[x] Navbar
[x] Item do cardápio
[x] Modal de login
[x] Animação de carregamento

Como validar?

Estão todos na index mas o modal da pra testar assim no arquivo de index na pasta pages:

import React, { useState } from 'react';
import { useTheme } from 'styled-components';
import Modal from '../../components/Modal/LoginModal/index';
const Home: React.FC = () => {
  // const { switchTheme } = useUserTheme();
  const theme = useTheme();
  const [modalOpen, setModalOpen] = useState(false);
  const onCloseModal = (event: any) => {
    event.preventDefault();
    setModalOpen(false);
  };
return (
    <Container>
      <h1>Tá na Mesa</h1>
      <Modal title="Login" visible={modalOpen} onClose={onCloseModal} />
      {/* <button type="button" onClick={switchTheme}>
        Trocar tema
      </button> */}
      <button type="button" onClick={() => setModalOpen(true)}>
        Abrir modal
      </button>

      <h4>{theme.type}</h4>
    </Container>
  );
};

UnBArqDsw2021-1 / 2021.1_G02_TaNaMesa_Frontend

Criando componentes iniciais #18

Issue

5

Descrição

Screenshots (Se houver necessidade):

Checklist:

Como validar?