From ab6b8241c7c0e93272bbf49ff6cc489508090680 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 19 Mar 2024 14:51:10 +0800
Subject: [PATCH] style: Emoji popover

---
 src/views/Conversations/Components/Input/Emoji.jsx    | 11 +++++++++--
 src/views/Conversations/Components/Input/Template.jsx |  6 +++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/views/Conversations/Components/Input/Emoji.jsx b/src/views/Conversations/Components/Input/Emoji.jsx
index a885db3..1797dbf 100644
--- a/src/views/Conversations/Components/Input/Emoji.jsx
+++ b/src/views/Conversations/Components/Input/Emoji.jsx
@@ -17,12 +17,19 @@ const InputTemplate = ({ mobile, disabled = false, inputEmoji }) => {
         overlayInnerStyle={{ padding: 0, borderRadius: '8px' }}
         forceRender={true}
         content={<EmojiPicker skinTonesDisabled={true} emojiStyle='native' onEmojiClick={handlePickEmoji} className='chatwindow-wrapper' />}
-        // title='😃'
+        title={
+          <div className='flex justify-between p-1 '>
+            <div>Emoji</div>
+            <Button size='small' onClick={() => setOpenPopup(false)}>
+              &times;
+            </Button>
+          </div>
+        }
         trigger='click'
         open={openPopup}
         onOpenChange={setOpenPopup}>
         <Button type='text' className=' px-1' size={'middle'} disabled={disabled}>
-        😃
+          😃
         </Button>
       </Popover>
     </>
diff --git a/src/views/Conversations/Components/Input/Template.jsx b/src/views/Conversations/Components/Input/Template.jsx
index 8049cf8..acf417c 100644
--- a/src/views/Conversations/Components/Input/Template.jsx
+++ b/src/views/Conversations/Components/Input/Template.jsx
@@ -175,7 +175,11 @@ const InputTemplate = ({ mobile, disabled = false, invokeSendMessage }) => {
             />
           </>
         }
-        title='🙋打招呼'
+        title={
+          <div className='flex justify-between mt-2 '>
+            <div>🙋打招呼</div>
+            <Button size='small' onClick={() => setOpenTemplates(false)}>&times;</Button>
+          </div>}
         trigger='click'
         open={openTemplates}
         onOpenChange={setOpenTemplates}>