From e12a3dff5944d1b072d508d10a3a764f59a081f2 Mon Sep 17 00:00:00 2001
From: LashaKakabadze <lasha.kakabadze@falconix.com>
Date: Tue, 12 Jan 2021 19:33:37 +0400
Subject: [PATCH] added labels for input elements

---
 template/src/common/Input/index.js    | 3 ++-
 template/src/common/TextArea/index.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/template/src/common/Input/index.js b/template/src/common/Input/index.js
index 8221d69e0..3224df6d8 100644
--- 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
index 1c236d0c7..4852a6e65 100644
--- 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}
     />