feat(renderer): Update window title

Signed-off-by: Kristóf Marussy <kristof@marussy.com>

1 files changed, 9 insertions, 1 deletions

diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index a42a30c..e87ab8b 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -23,6 +23,7 @@ import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
 import CssBaseline from '@mui/material/CssBaseline';
+import { autorun } from 'mobx';
 import React from 'react';
 import { render } from 'react-dom';
 
@@ -39,7 +40,6 @@ const log = getLogger('index');
 
 if (isDevelopment) {
   hotReloadServices();
-  document.title = `[dev] ${document.title}`;
 }
 
 const store = createAndConnectRendererStore(window.sophieRenderer);
@@ -50,6 +50,14 @@ if (isDevelopment) {
   });
 }
 
+autorun(() => {
+  const titlePrefix = isDevelopment ? '[dev] ' : '';
+  const serviceTitle = store.settings.selectedService?.title;
+  const formattedServiceTitle =
+    serviceTitle === undefined ? '' : `${serviceTitle} - `;
+  document.title = `${titlePrefix}${formattedServiceTitle}Sophie`;
+});
+
 function Root(): JSX.Element {
   return (
     <React.StrictMode>