Adicionando variaveis pagina cadastroEmpresa

UnBArqDsw2021-2 · Apr 11, 2022 · baa7a56 · baa7a56
1 parent 9f0b81d
commit baa7a56
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/stag.io/src/pages/cadastro/cadastroCandidato.css b/stag.io/src/pages/cadastro/cadastroCandidato.css
@@ -46,7 +46,6 @@
     border-radius: 5px;
     margin-bottom: 1em;
     -webkit-text-security: disc;
-    text-security: disc;
 }
 .container-button{
     padding-top: 4em;

diff --git a/stag.io/src/pages/cadastro/cadastroEmpresa.jsx b/stag.io/src/pages/cadastro/cadastroEmpresa.jsx
@@ -1,15 +1,30 @@
 import './cadastroCandidato.css';
 import './cadastroEmpresa.css';
 import Empresa from './assets/cadastro_empresa.png'
+import React, {useState} from 'react';
 
 function CadastroEmpresa() {
+  const [nome,setNome] = useState("");
+  const [cnpj,setCnpj] = useState("");
+  const [senha,setSenha] = useState("");
+  const [descricao,setDescricao] = useState("");
+  const [siteProp,setSiteProp] = useState("");
+  const [localizacao,SetLocalizacao] = useState("");
+
+
+  const handleSubmit = (e) => {
+
+    e.preventDefault();
+    console.log("Submit", {nome, cnpj, senha, descricao, siteProp, localizacao});
+  };
+
   return (
     <div className="CadastroEmpresa">
 
 
       {/* Barra de Navegação */}
       <nav className="navbar navbar-expand-lg navbar-light">
-            <a className="navbar-brand" href="#">
+            <a className="navbar-brand" href="/">
             <img className="img-fluid" 
               src={`${process.env.PUBLIC_URL}/logo/logo-white.png`} width = "50" alt="logo"/>
             </a>
@@ -33,17 +48,17 @@ function CadastroEmpresa() {
                  <img src={Empresa} className="imagem_empresa"/>
               </div>
               <div className="col-md-4">
-                  <input className="text-box-type-1-user" id="text1" placeholder="Nome"></input>
-                  <input className="text-box-type-1-user" id="text1" placeholder="CNPJ"></input>
-                  <input className="text-box-type-1-user" id="text1" placeholder="Senha"></input>
-                  <input className="text-box-type-2-user" id="text1" placeholder="Descrição"></input>
+                  <input className="text-box-type-1-user" id="Nome" placeholder="Nome" value={nome} onChange={(e) => setNome(e.target.value)}></input>
+                  <input className="text-box-type-1-user" id="CNPJ" placeholder="CNPJ" value={cnpj} onChange={(e) => setCnpj(e.target.value)}></input>
+                  <input className="text-password-user" id="Senha" placeholder="Senha" value={senha} onChange={(e) => setSenha(e.target.value)}></input>
+                  <input className="text-box-type-2-user" id="Descrição" placeholder="Descrição" value={descricao} onChange={(e) => setDescricao(e.target.value)}></input>
                   <div className="container-button">
-                      <button class="btn btn-primary user_btn" type="button">Cadastrar</button>
+                      <button className="btn btn-primary user_btn" type="button" onClick={handleSubmit}>Cadastrar </button>
                   </div>
               </div>
               <div className="col-md-4">
-                  <input className="text-box-type-1-user" id="text1" placeholder="Localização"></input>
-                  <input className="text-box-type-1-user" id="text1" placeholder="Site próprio"></input>
+                  <input className="text-box-type-1-user" id="text1" placeholder="Localização" value={localizacao} onChange={(e) => SetLocalizacao(e.target.value)}></input>
+                  <input className="text-box-type-1-user" id="text1" placeholder="Site próprio" value={siteProp} onChange={(e) => setSiteProp(e.target.value)}></input>
               </div>
           </div>
       </div>