From f6dc573d37760a64892e70ca08367daf8067b172 Mon Sep 17 00:00:00 2001
From: "Visal .In" <invisal@gmail.com>
Date: Sat, 29 Jul 2023 09:10:24 +0700
Subject: [PATCH] feat: change window title based on the connected database

---
 src/renderer/hooks/useWindowTitle.ts          | 10 ++++++++++
 src/renderer/screens/DatabaseScreen/index.tsx |  2 ++
 2 files changed, 12 insertions(+)
 create mode 100644 src/renderer/hooks/useWindowTitle.ts

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(() => {