添加收藏对话改为路由界对话框

client/ui/main-page/AddFavourtieChatDialog.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react'
-import { Button, Dialog, snackbar, TextField } from "mdui"
-import { data } from 'react-router'
-import { useContextSelector } from 'use-context-selector'
-import MainSharedContext, { Shared } from '../MainSharedContext'
-import showSnackbar from '../../utils/showSnackbar'
-import { CallbackError } from 'lingchair-client-protocol'
-import useEventListener from '../../utils/useEventListener'
-
-export default function AddFavourtieChatDialog({ ...props }: { open: boolean } & React.HTMLAttributes<Dialog>) {
-    const shared = useContextSelector(MainSharedContext, (context: Shared) => ({
-        myProfileCache: context.myProfileCache,
-        setShowAddFavourtieChatDialog: context.setShowAddFavourtieChatDialog,
-    }))
-
-    const dialogRef = React.useRef<Dialog>()
-    useEventListener(dialogRef, 'closed', () => shared.setShowAddFavourtieChatDialog(false))
-
-    const inputTargetRef = React.useRef<TextField>(null)
-
-    async function addFavouriteChat() {
-        try {
-            shared.myProfileCache!.addFavouriteChatsOrThrow([inputTargetRef.current!.value])
-            inputTargetRef.current!.value = ''
-            showSnackbar({
-                message: '添加成功!'
-            })
-        } catch (e) {
-            if (e instanceof CallbackError)
-                    showSnackbar({
-                        message: '添加收藏对话失败: ' + e.message
-                    })
-        }
-    }
-
-    return (
-        <mdui-dialog close-on-overlay-click close-on-esc headline="添加收藏对话" {...props} ref={dialogRef}>
-            <mdui-text-field clearable label="对话 / 用户 (ID 或 别名)" ref={inputTargetRef} onKeyDown={(event: KeyboardEvent) => {
-                if (event.key == 'Enter')
-                    addFavouriteChat()
-            }}></mdui-text-field>
-            <mdui-button slot="action" variant="text" onClick={() => shared.setShowAddFavourtieChatDialog(false)}>取消</mdui-button>
-            <mdui-button slot="action" variant="text" onClick={() => addFavouriteChat()}>添加</mdui-button>
-        </mdui-dialog>
-    )
-}

client/ui/main-page/FavouriteChatsList.tsx

@@ -14,7 +14,6 @@ import { useNavigate } from "react-router"
 
 export default function FavouriteChatsList({ ...props }: React.HTMLAttributes<HTMLElement>) {
     const shared = useContextSelector(MainSharedContext, (context: Shared) => ({
-        setShowAddFavourtieChatDialog: context.setShowAddFavourtieChatDialog,
         state: context.state,
         functions_lazy: context.functions_lazy,
         setFavouriteChats: context.setFavouriteChats,
@@ -74,7 +73,7 @@ export default function FavouriteChatsList({ ...props }: React.HTMLAttributes<HT
             <mdui-list-item rounded style={{
                 marginTop: '13px',
                 width: '100%',
-            }} icon="person_add" onClick={() => shared.setShowAddFavourtieChatDialog(true)}>添加收藏</mdui-list-item>
+            }} icon="person_add" onClick={() => nav('/add/favourite_chat')}>添加收藏</mdui-list-item>
             <mdui-list-item rounded style={{
                 width: '100%',
             }} icon="refresh" onClick={() => shared.functions_lazy.current.updateFavouriteChats()}>刷新列表</mdui-list-item>