🐛 fix: Refactor CreateGroupModal component to prevent event propagati…

…on (#1058)
lobehub · Jan 16, 2024 · fc254e5 · fc254e5
1 parent 448c393
commit fc254e5
Showing 1 changed file with 19 additions and 17 deletions.
diff --git 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>
  );
  },
 );