当设备未连接时,各页面默认显示英文语言的文本,并在标题追加 (Disconnect)
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
import { useMemo } from "react";
|
||||
import { useDevice } from "@/contexts/DeviceContext";
|
||||
|
||||
export function withDisconnectPageTitle(title: string): string {
|
||||
return `${title}(Disconnect)`;
|
||||
}
|
||||
|
||||
/** Append "(Disconnect)" to the page title when the device is not connected. */
|
||||
export function usePageTitleWithConnection(title: string): string {
|
||||
const { isConnected, isConnecting } = useDevice();
|
||||
return useMemo(() => {
|
||||
if (isConnected || isConnecting) return title;
|
||||
return withDisconnectPageTitle(title);
|
||||
}, [title, isConnected, isConnecting]);
|
||||
}
|
||||
Reference in New Issue
Block a user