fixing errors

src/pages/administrative/industryInfo/index.tsx

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

src/styles/layouts/industryInfo/IndustryInfoView.ts

@@ -26,7 +26,34 @@ export const IndustryInfoView = styled.main`
 
     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;
     align-items: center;
     width: 50%;
@@ -51,7 +78,7 @@ export const IndustryInfoView = styled.main`
     display: block;
     margin-top: 10px;
     cursor: pointer;
-  }
+  } */