Skip to content
Snippets Groups Projects
Commit 422700d6 authored by Richard Fernando Heise Ferreira's avatar Richard Fernando Heise Ferreira
Browse files

Revert "Merge branch 'issue/23-CREATE-signup-modal' into 'develop'"

This reverts merge request !12
parent 8ca07789
No related branches found
No related tags found
1 merge request!14Revert "Merge branch 'issue/23-CREATE-signup-modal' into 'develop'"
......@@ -14,7 +14,7 @@ export default function Hightlights() {
return (
<div className="flex flex-col text-center">
<h1 className="text-3xl font-bold text-secondary mb-3">
<h1 className="text-3xl font-bold text-[#00bacc] mb-3">
Plataforma MEC de Recursos Educacionais Digitais
</h1>
<h1 className="text-lg text-gray-400 mb-5">
......
......@@ -3,8 +3,6 @@ import Image from "next/image";
import { Button, Paper, Divider, SvgIcon, TextField, Alert } from "@mui/material";
import theme from "@/app/theme";
import { ThemeProvider } from "@emotion/react";
import SignupModal from "./SignupModal";
import { useState } from "react";
export default function LoginForm({
handleEmailChange,
......@@ -12,12 +10,6 @@ export default function LoginForm({
handleSubmit,
errorMessage
}) {
const [openModal, setOpenModal] = useState(false);
const handleOpenModal = () => setOpenModal(true);
const handleCloseModal = () => setOpenModal(false);
return (
<ThemeProvider theme={theme}>
<form
......@@ -54,7 +46,7 @@ export default function LoginForm({
<Button
fullWidth
disableElevation
className="bg-secondary text-white hover:bg-secondary-hover"
className="bg-secondary text-white hover:bg-secondary"
type="submit"
>
Entrar
......@@ -72,13 +64,12 @@ export default function LoginForm({
<span>Entrar com o Google</span>
</Button>
<p className="mt-5 text-xs text-gray-500">
Esqueceu a senha? <a className="text-secondary cursor-pointer hover:font-bold">Clique aqui.</a>
Esqueceu a senha? <a className="text-secondary">Clique aqui.</a>
</p>
</Paper>
<p className="mt-5 text-xs text-gray-400">
Não tem uma conta? <a onClick={handleOpenModal} className="text-secondary hover:font-bold cursor-pointer">Cadastre-se.</a>
Não tem uma conta? <a className="text-secondary">Cadastre-se.</a>
</p>
<SignupModal open={openModal} handleClose={handleCloseModal}/>
</form>
</ThemeProvider>
);
......
import * as React from "react";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import Modal from "@mui/material/Modal";
import { TextField, Divider } from "@mui/material";
export default function SignupModal({ open, handleClose }) {
return (
<Modal
className="grid h-screen place-items-center"
open={open}
onClose={handleClose}
>
<Box className="bg-white sm:w-1/2 md:w-1/3 p-5 flex flex-col items-center border-none rounded-xl">
<h1 className="text-secondary text-2xl font-bold">Cadastre-se</h1>
<TextField fullWidth label="Nome Completo" className="m-5" />
<TextField fullWidth label="E-mail" className="mb-5" />
<TextField fullWidth type="password" label="Senha" className="mb-5" />
<Button
fullWidth
disableElevation
className="bg-secondary text-white hover:bg-secondary-hover"
type="submit"
>Enviar</Button>
<Divider flexItem className="mt-2">
<p className="text-gray-400 text-md">OU</p>
</Divider>
<Button
fullWidth
disableElevation
variant="outlined"
className="mt-2 border-main text-gray-500 normal-case flex gap-2"
>
<img className="w-6 h-6" src="/google.svg" alt="google logo" />
<span>Cadastrar-se com o Google</span>
</Button>
</Box>
</Modal>
);
}
......@@ -10,7 +10,6 @@ module.exports = {
colors: {
"main": "#eaeded",
"secondary": "#00bacc",
"secondary-hover": "#33c7d6",
"white": "#fff",
"orange": "#ED6F24"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment