Alterando style tela cadastro de eletivas

.history/frontend/src/components/Button/index_20231121082406.js

@@ -0,0 +1,12 @@
+import React from "react";
+import * as C from "./styles";
+
+const Button = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default Button;

.history/frontend/src/components/Button/index_20231121121915.js

@@ -0,0 +1,22 @@
+import React from "react";
+import * as C from "./styles";
+
+const Button = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default Button;
+
+const ButtonEnviar = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default ButtonEnviar;

.history/frontend/src/components/Button/index_20231121121928.js

@@ -0,0 +1,22 @@
+import React from "react";
+import * as C from "./styles";
+
+const Button = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default Button;
+
+const ButtonEnviar = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export ButtonEnviar;

.history/frontend/src/components/Button/index_20231121121951.js

@@ -0,0 +1,20 @@
+import React from "react";
+import * as C from "./styles";
+
+const Button = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default Button;
+
+const ButtonEnviar = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};

.history/frontend/src/components/Button/index_20231121122227.js

@@ -0,0 +1,20 @@
+import React from "react";
+import * as C from "./styles";
+
+const Button = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};
+
+export default Button;
+
+const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => {
+  return (
+    <C.Button type={Type} onClick={onClick}>
+      {Text}
+    </C.Button>
+  );
+};

.history/frontend/src/pages/CreateEletivas/index_20231121085851.js

@@ -0,0 +1,73 @@
+import React, { useState } from "react";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import * as C from "./styles";
+import { Link, useNavigate } from "react-router-dom";
+import useAuth from "../../hooks/useAuth";
+
+
+const Signup = () => {
+  const [email, setEmail] = useState("");
+  const [emailConf, setEmailConf] = useState("");
+  const [senha, setSenha] = useState("");
+  const [error, setError] = useState("");
+  const navigate = useNavigate();
+
+  const { signup } = useAuth();
+
+  const handleSignup = () => {
+    if (!email | !emailConf | !senha) {
+      setError("Preencha todos os campos");
+      return;
+    } else if (email !== emailConf) {
+      setError("Os e-mails não são iguais");
+      return;
+    }
+
+    const res = signup(email, senha);
+
+    if (res) {
+      setError(res);
+      return;
+    }
+
+    alert("Usuário cadatrado com sucesso!");
+    navigate("/");
+  };
+
+  return (
+    <C.Container>
+      <C.Label>SISTEMA DE LOGIN</C.Label>
+      <C.Content>
+        <Input
+          type="email"
+          placeholder="Digite seu E-mail"
+          value={email}
+          onChange={(e) => [setEmail(e.target.value), setError("")]}
+        />
+        <Input
+          type="email"
+          placeholder="Confirme seu E-mail"
+          value={emailConf}
+          onChange={(e) => [setEmailConf(e.target.value), setError("")]}
+        />
+        <Input
+          type="password"
+          placeholder="Digite sua Senha"
+          value={senha}
+          onChange={(e) => [setSenha(e.target.value), setError("")]}
+        />
+        <C.labelError>{error}</C.labelError>
+        <Button Text="Inscrever-se" onClick={handleSignup} />
+        <C.LabelSignin>
+          Já tem uma conta?
+          <C.Strong>
+            <Link to="/">&nbsp;Entre</Link>
+          </C.Strong>
+        </C.LabelSignin>
+      </C.Content>
+    </C.Container>
+  );
+};
+
+export default Signup;

.history/frontend/src/pages/CreateEletivas/index_20231121090305.js

@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import * as C from "./styles";
+import { Link, useNavigate } from "react-router-dom";
+import useAuth from "../../hooks/useAuth";
+
+
+const Signup = () => {
+  const [email, setEmail] = useState("");
+  const [emailConf, setEmailConf] = useState("");
+  const [senha, setSenha] = useState("");
+  const [error, setError] = useState("");
+  const navigate = useNavigate();
+
+  const { signup } = useAuth();
+
+  const handleSignup = () => {
+    if (!email | !emailConf | !senha) {
+      setError("Preencha todos os campos");
+      return;
+    } else if (email !== emailConf) {
+      setError("Os e-mails não são iguais");
+      return;
+    }
+
+    const res = signup(email, senha);
+
+    if (res) {
+      setError(res);
+      return;
+    }
+
+    alert("Usuário cadatrado com sucesso!");
+    navigate("/");
+  };
+
+  return (
+    <form>
+  <label>
+    Nome:
+    <input type="text" name="name" />
+  </label>
+  <input type="submit" value="Enviar" />
+</form>
+  );
+};
+
+export default Signup;

.history/frontend/src/pages/CreateEletivas/index_20231121090404.js

@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import * as C from "./styles";
+import { Link, useNavigate } from "react-router-dom";
+import useAuth from "../../hooks/useAuth";
+
+
+const Signup = () => {
+  const [email, setEmail] = useState("");
+  const [emailConf, setEmailConf] = useState("");
+  const [senha, setSenha] = useState("");
+  const [error, setError] = useState("");
+  const navigate = useNavigate();
+
+  const { signup } = useAuth();
+
+  const handleSignup = () => {
+    if (!email | !emailConf | !senha) {
+      setError("Preencha todos os campos");
+      return;
+    } else if (email !== emailConf) {
+      setError("Os e-mails não são iguais");
+      return;
+    }
+
+    const res = signup(email, senha);
+
+    if (res) {
+      setError(res);
+      return;
+    }
+
+    alert("Usuário cadatrado com sucesso!");
+    navigate("/");
+  };
+
+  return (
+    <form>
+  <label>
+    Nome:
+    <input type="text" name="name" />
+  </label>
+  <input type="submit" value="Enviar" />
+</form>
+  );
+};
+
+export default Signup;

.history/frontend/src/pages/CreateEletivas/index_20231121090829.js

@@ -0,0 +1,49 @@
+import React, { useState } from "react";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import * as C from "./styles";
+import { Link, useNavigate } from "react-router-dom";
+import useAuth from "../../hooks/useAuth";
+
+
+const Signup = () => {
+  const [email, setEmail] = useState("");
+  const [emailConf, setEmailConf] = useState("");
+  const [senha, setSenha] = useState("");
+  const [error, setError] = useState("");
+  const navigate = useNavigate();
+
+  const { signup } = useAuth();
+
+  const handleSignup = () => {
+    if (!email | !emailConf | !senha) {
+      setError("Preencha todos os campos");
+      return;
+    } else if (email !== emailConf) {
+      setError("Os e-mails não são iguais");
+      return;
+    }
+
+    const res = signup(email, senha);
+
+    if (res) {
+      setError(res);
+      return;
+    }
+
+    alert("Usuário cadatrado com sucesso!");
+    navigate("/");
+  };
+
+  return (
+    <form>
+  <label>
+    Nome:
+    <input type="text" name="Nome da eletiva" />
+  </label>
+  <input type="submit" value="Enviar" />
+</form>
+  );
+};
+
+export default Signup;

.history/frontend/src/pages/CreateEletivas/index_20231121091013.js

@@ -0,0 +1,52 @@
+import React, { useState } from "react";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import * as C from "./styles";
+import { Link, useNavigate } from "react-router-dom";
+import useAuth from "../../hooks/useAuth";
+
+
+const Signup = () => {
+  const [email, setEmail] = useState("");
+  const [emailConf, setEmailConf] = useState("");
+  const [senha, setSenha] = useState("");
+  const [error, setError] = useState("");
+  const navigate = useNavigate();
+
+  const { signup } = useAuth();
+
+  const handleSignup = () => {
+    if (!email | !emailConf | !senha) {
+      setError("Preencha todos os campos");
+      return;
+    } else if (email !== emailConf) {
+      setError("Os e-mails não são iguais");
+      return;
+    }
+
+    const res = signup(email, senha);
+
+    if (res) {
+      setError(res);
+      return;
+    }
+
+    alert("Usuário cadatrado com sucesso!");
+    navigate("/");
+  };
+
+  return (
+    <form>
+  <label>
+    Nome:
+    <input type="text" name="Nome da eletiva" />
+    <input type="text" name="Descrição" />
+    <input type="text" name="Professor" />
+    <input type="text" name="Horário" />
+  </label>
+  <input type="submit" value="Enviar" />
+</form>
+  );
+};
+
+export default Signup;