feat: 创建群组对话框

client/ui/AppMobile.tsx

@@ -20,6 +20,7 @@ import useAsyncEffect from "./useAsyncEffect.ts"
 import ChatInfoDialog from "./dialog/ChatInfoDialog.tsx"
 import Chat from "../api/client_data/Chat.ts"
 import AddContactDialog from './dialog/AddContactDialog.tsx'
+import CreateGroupDialog from './dialog/CreateGroupDialog.tsx'
 import UserProfileDialog from "./dialog/UserProfileDialog.tsx"
 import DataCaches from "../api/DataCaches.ts"
 
@@ -58,6 +59,7 @@ export default function AppMobile() {
     })
 
     const addContactDialogRef = React.useRef<Dialog>(null)
+    const createGroupDialogRef = React.useRef<Dialog>(null)
 
     const chatInfoDialogRef = React.useRef<Dialog>(null)
     const [chatInfo, setChatInfo] = React.useState(null as unknown as Chat)
@@ -176,6 +178,9 @@ export default function AppMobile() {
 
             <AddContactDialog
                 addContactDialogRef={addContactDialogRef} />
+                
+            <CreateGroupDialog
+                createGroupDialogRef={createGroupDialogRef} />
 
             <mdui-top-app-bar style={{
                 position: 'sticky',
@@ -221,6 +226,7 @@ export default function AppMobile() {
                     <ContactsList
                         openChatInfoDialog={openChatInfoDialog}
                         addContactDialogRef={addContactDialogRef as any}
+                        createGroupDialogRef={createGroupDialogRef}
                         display={navigationItemSelected == "Contacts"} />
                 }
             </div>