From 9452a16209d8bc4897c53732da9161337120a9d7 Mon Sep 17 00:00:00 2001
From: Junseo Park <wonderlandpark@outlook.kr>
Date: Wed, 24 Feb 2021 11:54:10 +0900
Subject: [PATCH] fix: making touched and added title for picker

---
 components/Form/TextArea.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Form/TextArea.tsx b/components/Form/TextArea.tsx
index b5bf440..89b724c 100644
--- a/components/Form/TextArea.tsx
+++ b/components/Form/TextArea.tsx
@@ -21,9 +21,9 @@ const TextArea = ({ name, placeholder, theme='auto', setValue, value }:TextAreaP
 		<div ref={ref}>
 			<div className='absolute bottom-12 right-10 z-30'>
 				{
-					!emojiPickerHidden && <Picker set='twitter' autoFocus enableFrequentEmojiSort	theme={theme} showSkinTones={false} onSelect={(e) => {
+					!emojiPickerHidden && <Picker title='선택해주세요' emoji='sunglasses' set='twitter' enableFrequentEmojiSort	theme={theme} showSkinTones={false} onSelect={(e) => {
 						setEmojiPickerHidden(true)
-						setValue(value + ((e as { native: string }).native || e.colons))
+						setValue(value + ' ' + ((e as { native: string }).native || e.colons))
 					}} i18n={{
 						search: '검색',
 						notfound: '검색 결과가 없습니다.',
@@ -50,7 +50,7 @@ const TextArea = ({ name, placeholder, theme='auto', setValue, value }:TextAreaP
 				}
 			</div>
 			<div className='absolute bottom-3 right-8'>
-				<button className='emoji-selector-button' onClick={() => setEmojiPickerHidden(false)} />
+				<div className='emoji-selector-button outline-none' onClick={() => setEmojiPickerHidden(false)} onKeyPress={() => setEmojiPickerHidden(false)} role='button' tabIndex={0} />
 			</div>
 		</div>
 	</div>