style: Emoji popover

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>
     </>

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}>