added labels for input elements

Adrinlol · Jan 12, 2021 · e12a3df · e12a3df
1 parent dfe456c
commit e12a3df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/template/src/common/Input/index.js b/template/src/common/Input/index.js
@@ -5,11 +5,12 @@ import * as S from './styles';
 const Input = ({ id, name, placeholder, onChange }) => {
   return (
     <S.Container>
-      <label htmlFor={id}>{id}</label>
+      <label htmlFor={name}>{id}</label>
       <S.Input
         spellcheck="false"
         placeholder={placeholder}
         name={name}
+        id={name}
         onChange={onChange}
       />
     </S.Container>

diff --git a/template/src/common/TextArea/index.js b/template/src/common/TextArea/index.js
@@ -4,10 +4,11 @@ import * as S from './styles';
 
 const TextArea = ({ name, id, placeholder, onChange }) => (
   <S.Container>
-    <label htmlFor={id}>{id}</label>
+    <label htmlFor={name}>{id}</label>
     <S.TextArea
       spellcheck="false"
       placeholder={placeholder}
+      id={name}
       name={name}
       onChange={onChange}
     />