移除路由动画试图保留行为, 杂物

client/data.ts

@@ -42,6 +42,7 @@ type IData = {
     apply(): void
     access_token?: string
     device_id: string
+    override_use_mobile_ui?: boolean
 }
 
 declare global {

client/ui/chat-fragment/LazyChatFragment.tsx

@@ -3,19 +3,10 @@ import { Await } from "react-router"
 import getClient from "../../getClient"
 import ChatFragment from "./ChatFragment"
 import * as React from 'react'
-import showSnackbar from "../../utils/showSnackbar"
 import EffectOnly from "../EffectOnly"
 
 export default function LazyChatFragment({ chatId, openedWithRouter }: { chatId: string, openedWithRouter: boolean }) {
-    return <React.Suspense fallback={<EffectOnly effect={() => {
+    return <React.Suspense fallback={<EffectOnly effect={() => {}} deps={[]} />}>
-        const s = showSnackbar({
-            message: '请稍后...',
-            autoCloseDelay: 0,
-        })
-        return () => {
-            s.open = false
-        }
-    }} deps={[]} />}>
         <Await
             resolve={React.useMemo(() => Chat.getByIdOrThrow(getClient(), chatId), [chatId])}
             children={(chatInfo: Chat) => <ChatFragment chatInfo={chatInfo} openedWithRouter={openedWithRouter} />} />

client/ui/routers/ChatFragmentDialog.tsx

@@ -22,7 +22,7 @@ export default function ChatFragmentDialog() {
         const body = shadow.querySelector(".body") as HTMLElement
         body.style.height = '100%'
         body.style.display = 'flex'
-    }, [])
+    })
 
     return (<>
         <mdui-dialog fullscreen ref={dialogRef}>

client/ui/routers/UserOrChatInfoDialog.tsx

@@ -23,8 +23,6 @@ export default function UserOrChatInfoDialog() {
         (context: Shared) => context.setCurrentSelectedChatId
     )
 
-    console.log(setCurrentSelectedChatId, favouriteChats)
-
     const nav = useNavigate()
 
     const dialogRef = useRouterDialogRef()

client/ui/routers/useRouterDialogRef.ts

@@ -7,8 +7,12 @@ import RouterDialogsContext from './RouterDialogsContext'
 
 export default function useRouterDialogRef() {
     const dialogRef = React.useRef<Dialog>()
+    const nav = useNavigate()
 
     useAsyncEffect(async () => {
+        dialogRef.current!.addEventListener('closed', async () => {
+            nav(-1)
+        })
         await sleep(10)
         dialogRef.current!.open = true
     }, [])

client/utils/isMobileUI.ts

@@ -1,5 +1,5 @@
+import data from "../data"
+
 export default function isMobileUI() {
-    const mobile = new URL(location.href).searchParams.get('mobile')
+    return data.override_use_mobile_ui || /Mobi|Android|iPhone/i.test(navigator.userAgent)
-    if (mobile) return mobile == 'true'
-    return /Mobi|Android|iPhone/i.test(navigator.userAgent)
 }