fixing errors

This commit is contained in:
joseCorte-exe 2022-06-28 09:46:25 -03:00
parent ad9e15ea21
commit 9143dc8bb1
2 changed files with 34 additions and 15 deletions

View File

@ -29,6 +29,7 @@ export default function industryInfo({userName}: any) {
const [pdf, setPdf] = useState<any>(); const [pdf, setPdf] = useState<any>();
function onChange(e) { function onChange(e) {
setPdf(e.target.files[0]) setPdf(e.target.files[0])
console.log(pdf)
} }
const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false); const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false);
@ -71,19 +72,10 @@ export default function industryInfo({userName}: any) {
<Header name={userName} /> <Header name={userName} />
<div className='title'> <div className='title'>
<PageTitle title='Info Setorial' subtitle='Realize o upload da última versão de info setorial' /> <PageTitle title='Info Setorial' subtitle='Realize o upload da última versão de info setorial' />
<InputUploadView> <form action="">
<div className="update"> <label htmlFor="">Escolher arquivo</label>
<form action=""> <input type="file" name='arquivo' id='arquivo' onChange={onChange}/>
<div className='testess'> </form>
<label htmlFor="arquivo"><p className='TitleButton'> Enviar PDF </p></label>
<input type="file" name='arquivo' id='arquivo' onChange={onChange}/>
{/* <input type='file' accept='application/pdf' onChange={onChange} /> */}
</div>
</form>
<p>{pdf}</p>
</div>
</InputUploadView>
{/* <InputUploadPdf/> */}
</div> </div>
<BasicButton onClick={() => handleCreateClient()} title='Atualizar'/> <BasicButton onClick={() => handleCreateClient()} title='Atualizar'/>

View File

@ -26,7 +26,34 @@ export const IndustryInfoView = styled.main`
color: #FFFFFF; color: #FFFFFF;
} }
.inputTeste{
form {
label {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 150px;
margin-left: 10px;
transform: translateY(20px);
background-color: #254F7F;
color: white;
border-radius: 8px;
}
}
input[type="file"] {
padding-top: 20px;
padding-left: 41px;
width: 350px;
height: 60px;
border: 1px solid black;
border-radius: 6px;
}
label {
}
/* .inputTeste{
display: flex; display: flex;
align-items: center; align-items: center;
width: 50%; width: 50%;
@ -51,7 +78,7 @@ export const IndustryInfoView = styled.main`
display: block; display: block;
margin-top: 10px; margin-top: 10px;
cursor: pointer; cursor: pointer;
} } */