feat: change window title based on the connected database (#73)

Author: invisal

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]);
+}

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