Files
LingChair/client/ui/routers/useRouterDialogRef.ts
2025-12-27 00:49:16 +08:00

22 lines
643 B
TypeScript

import { Dialog } from "mdui"
import useAsyncEffect from "../../utils/useAsyncEffect"
import sleep from "../../utils/sleep"
import { BlockerFunction, useBlocker, useNavigate } from "react-router"
import * as React from 'react'
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
}, [])
return dialogRef
}