From 6add013f2f403402f2d1d5983ab890782ffe7c86 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Wed, 2 Feb 2022 18:11:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E7=BE=A4=E7=BB=84?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=90=8E=E8=87=AA=E5=8A=A8=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E5=88=B0=E6=96=B0=E5=BB=BA=E7=9A=84=E7=BE=A4=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/modals/CreateGroup.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/modals/CreateGroup.tsx b/web/src/components/modals/CreateGroup.tsx
index ab4a9839..cee7457f 100644
--- a/web/src/components/modals/CreateGroup.tsx
+++ b/web/src/components/modals/CreateGroup.tsx
@@ -12,6 +12,7 @@ import type { GroupPanel } from 'tailchat-shared';
 import { Avatar } from '../Avatar';
 import { closeModal, ModalWrapper } from '../Modal';
 import { Slides, SlidesRef } from '../Slides';
+import { useHistory, useLocation } from 'react-router';
 
 const panelTemplate: {
   key: string;
@@ -76,6 +77,7 @@ export const ModalCreateGroup: React.FC = React.memo(() => {
   const [panels, setPanels] = useState<GroupPanel[]>([]);
   const [name, setName] = useState('');
   const dispatch = useAppDispatch();
+  const history = useHistory();
 
   const handleSelectTemplate = useCallback((panels: GroupPanel[]) => {
     setPanels(panels);
@@ -90,9 +92,10 @@ export const ModalCreateGroup: React.FC = React.memo(() => {
     const data = await createGroup(name, panels);
 
     dispatch(groupActions.appendGroups([data]));
+    history.push(`/main/group/${data._id}`); // 创建完成后跳转到新建的群组
 
     closeModal();
-  }, [name, panels]);
+  }, [name, panels, location]);
 
   return (
     <ModalWrapper style={{ maxWidth: 440 }}>