diff --git a/src/renderer/hooks/useWindowTitle.ts b/src/renderer/hooks/useWindowTitle.ts new file mode 100644 index 0000000..a56e74e --- /dev/null +++ b/src/renderer/hooks/useWindowTitle.ts @@ -0,0 +1,10 @@ +import { useEffect } from 'react'; + +export default function useWindowTitle(title: string) { + useEffect(() => { + window.document.title = title; + return () => { + window.document.title = 'Query Master'; + }; + }, [title]); +} diff --git a/src/renderer/screens/DatabaseScreen/index.tsx b/src/renderer/screens/DatabaseScreen/index.tsx index 7eb0c87..419021c 100644 --- a/src/renderer/screens/DatabaseScreen/index.tsx +++ b/src/renderer/screens/DatabaseScreen/index.tsx @@ -20,6 +20,7 @@ import ButtonGroup from 'renderer/components/ButtonGroup'; import { useConnection } from 'renderer/App'; import SwitchDatabaseProvider from 'renderer/contexts/SwitchDatabaseProvider'; import UpdateConnectionStatus from './UpdateConnectionStatus'; +import useWindowTitle from 'renderer/hooks/useWindowTitle'; function DatabaseScreenBody() { const { common } = useSqlExecute(); @@ -112,6 +113,7 @@ export default function DatabaseScreen({ }: { config: ConnectionStoreItem; }) { + useWindowTitle('Query Master - ' + config.name); const [isConnected, setConnected] = useState(false); useEffect(() => {