From a87f6f2837d11d20aae286505d70290dee24e327 Mon Sep 17 00:00:00 2001
From: crazywoola <100913391+crazywoola@users.noreply.github.com>
Date: Wed, 28 Jun 2023 16:44:17 +0800
Subject: [PATCH] fix: modal disappear (#478)

---
 .../app/overview/settings/index.tsx           | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/app/components/app/overview/settings/index.tsx b/web/app/components/app/overview/settings/index.tsx
index 155aef8006..128a820d99 100644
--- a/web/app/components/app/overview/settings/index.tsx
+++ b/web/app/components/app/overview/settings/index.tsx
@@ -83,17 +83,6 @@ const SettingsModal: FC<ISettingsModalProps> = ({
 
   return (
     <>
-      {showEmojiPicker && <EmojiPicker
-        onSelect={(icon, icon_background) => {
-          console.log(icon, icon_background)
-          setEmoji({ icon, icon_background })
-          setShowEmojiPicker(false)
-        }}
-        onClose={() => {
-          setEmoji({ icon: '🤖', icon_background: '#FFEAD5' })
-          setShowEmojiPicker(false)
-        }}
-      />}
       <Modal
         title={t(`${prefixSettings}.title`)}
         isShow={isShow}
@@ -161,6 +150,17 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           <Button className='mr-2 flex-shrink-0' onClick={onHide}>{t('common.operation.cancel')}</Button>
           <Button type='primary' className='flex-shrink-0' onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
         </div>
+        {showEmojiPicker && <EmojiPicker
+          onSelect={(icon, icon_background) => {
+            console.log(icon, icon_background)
+            setEmoji({ icon, icon_background })
+            setShowEmojiPicker(false)
+          }}
+          onClose={() => {
+            setEmoji({ icon: '🤖', icon_background: '#FFEAD5' })
+            setShowEmojiPicker(false)
+          }}
+        />}
       </Modal >
     </>