From 47a94e0175f9cb4878133f61c0f22d170212625f Mon Sep 17 00:00:00 2001
From: justin3go <just@justin3go.com>
Date: Tue, 16 Jan 2024 09:06:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Refactor=20CreateGroupMod?=
 =?UTF-8?q?al=20component=20to=20prevent=20event=20propagation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Modals/CreateGroupModal.tsx               | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/app/chat/features/SessionListContent/Modals/CreateGroupModal.tsx b/src/app/chat/features/SessionListContent/Modals/CreateGroupModal.tsx
index 009a0dfb102b..63e83ebb9283 100644
--- a/src/app/chat/features/SessionListContent/Modals/CreateGroupModal.tsx
+++ b/src/app/chat/features/SessionListContent/Modals/CreateGroupModal.tsx
@@ -34,23 +34,25 @@ const CreateGroupModal = memo<CreateGroupModalProps>(
     );
 
     return (
-      <Modal
-        allowFullscreen
-        cancelText={t('cancel')}
-        okText={t('ok')}
-        onCancel={onCancel}
-        onOk={handleSubmit}
-        open={open}
-        title={t('group.createGroup')}
-        width={400}
-      >
-        <Input
-          autoFocus
-          onChange={(e) => setInput(e.target.value)}
-          placeholder={t('group.inputPlaceholder')}
-          value={input}
-        />
-      </Modal>
+      <div onClick={(e) => e.stopPropagation()}>
+        <Modal
+          allowFullscreen
+          cancelText={t('cancel')}
+          okText={t('ok')}
+          onCancel={onCancel}
+          onOk={handleSubmit}
+          open={open}
+          title={t('group.createGroup')}
+          width={400}
+        >
+          <Input
+            autoFocus
+            onChange={(e) => setInput(e.target.value)}
+            placeholder={t('group.inputPlaceholder')}
+            value={input}
+          />
+        </Modal>
+      </div>
     );
   },
 );