Issue

9

Descrição

Foi adicionado o dropdown, e o input de senha

Screenshots (Se houver necessidade):

Captura de tela de 2021-09-20 11-46-39

Checklist:

[ ] Sem o botão de entrar pois está em outra branch
[ ] Não está igual o protótipo pois como foi conversado, o select é dificil mudar a cor dela do jeito do protótipo
[ ] Foi feito o dropdown
[ ] Foi feito o input de senha

Problemas conhecidos (Se houver necessidade):

O eslint ta dando muito problema com @typescript-eslint/no-explicit-any, mesmo eu colocando, ou desabilita em tudo isso ou tem q ver um jeito certo, enquanto isso to desativando nas páginas

Como validar?

Rodar a aplicação, um exemplo de código na home

import React, { useState } from 'react';

import { useUserTheme } from 'hooks/theme';

import Loading from 'components/Loading';
import MenuItem from 'components/MenuItem';
import { Container } from 'pages/Home/styles';
import Modal from 'components/Modal/LoginModal/index';

import NavBar from 'components/NavBar';
import SecondNavBar from 'components/NavBar/SecondNavBar';
import ThirdNavBar from 'components/NavBar/ThirdNavBar';
// import FourthNavBar from 'components/NavBar/FourthNavBar';
import FifthNavBar from 'components/NavBar/FifthNavBar';

const Home: React.FC = () => {
  const { switchTheme, theme } = useUserTheme();
  const [modalOpen, setModalOpen] = useState(false);
  const onCloseModal = (event: any): void => {
    event.preventDefault();
    setModalOpen(false);
  };

  return (
    <Container>
      <NavBar />
      <SecondNavBar />
      <ThirdNavBar />
      {/* <FourthNavBar /> */}
      <FifthNavBar />

      <h1>Tá na Mesa</h1>
      <Modal title="Login" visible={modalOpen} onClose={onCloseModal} />
      <button type="button" onClick={() => setModalOpen(true)}>
        Abrir modal
      </button>

      <h4>{theme.type}</h4>

      <MenuItem
        // id={0}
        image="https://blog.finamac.com/wp-content/uploads/2019/10/309956-como-oferecer-os-melhores-sabores-de-milkshake-para-os-clientes-1280x640.jpg"
        name="Milkshake"
        price="16.90"
        // discount={0}
        description="Disponível nos sabores morango, chocolate, oreo e creme de avelã."
      />
      <Loading />
    </Container>
  );
};

export default Home;

UnBArqDsw2021-1 / 2021.1_G02_TaNaMesa_Frontend

Inputs modal #22