From 6e0f4588e40ae290e530940c9fdc296e3cf3d92b Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 28 Nov 2021 18:25:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=BA=86=E9=83=A8?=
 =?UTF-8?q?=E5=88=86tc-role.=20=E5=B9=B6=E5=A2=9E=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E5=88=9B=E5=BB=BA=E9=9D=A2=E6=9D=BF=E6=88=90=E5=8A=9F=E7=9A=84?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/Modal.tsx                   | 2 ++
 web/src/components/modals/CreateGroupPanel.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/web/src/components/Modal.tsx b/web/src/components/Modal.tsx
index dc211a37..c1629c38 100644
--- a/web/src/components/Modal.tsx
+++ b/web/src/components/Modal.tsx
@@ -84,6 +84,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
       <div
         className="absolute left-0 right-0 top-0 bottom-0 bg-black bg-opacity-60 flex justify-center items-center z-10"
         onClick={handleClose}
+        data-tc-role="modal-mask"
       >
         <ModalContext.Provider value={{ closeModal }}>
           {/* Inner */}
@@ -91,6 +92,7 @@ export const Modal: React.FC<ModalProps> = React.memo((props) => {
             className="modal-inner bg-content-light dark:bg-content-dark rounded overflow-auto relative z-10"
             style={{ maxHeight: '80vh', maxWidth: '80vw' }}
             onClick={stopPropagation}
+            data-tc-role="modal"
           >
             {closable === true && (
               <Icon
diff --git a/web/src/components/modals/CreateGroupPanel.tsx b/web/src/components/modals/CreateGroupPanel.tsx
index f7fd6943..87ec17ec 100644
--- a/web/src/components/modals/CreateGroupPanel.tsx
+++ b/web/src/components/modals/CreateGroupPanel.tsx
@@ -9,6 +9,7 @@ import {
   createGroupPanel,
   createFastFormSchema,
   fieldSchema,
+  showToasts,
 } from 'tailchat-shared';
 import { ModalWrapper } from '../Modal';
 import { WebFastForm } from '../WebFastForm';
@@ -86,6 +87,7 @@ export const ModalCreateGroupPanel: React.FC<{
         pluginPanelName,
         meta,
       });
+      showToasts(t('创建成功'), 'success');
       props.onCreateSuccess();
     },
     [props.groupId, props.onCreateSuccess]