diff options
-rw-r--r-- | packages/renderer/src/index.tsx | 10 |
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'; | |||
23 | import '@fontsource/roboto/500.css'; | 23 | import '@fontsource/roboto/500.css'; |
24 | import '@fontsource/roboto/700.css'; | 24 | import '@fontsource/roboto/700.css'; |
25 | import CssBaseline from '@mui/material/CssBaseline'; | 25 | import CssBaseline from '@mui/material/CssBaseline'; |
26 | import { autorun } from 'mobx'; | ||
26 | import React from 'react'; | 27 | import React from 'react'; |
27 | import { render } from 'react-dom'; | 28 | import { render } from 'react-dom'; |
28 | 29 | ||
@@ -39,7 +40,6 @@ const log = getLogger('index'); | |||
39 | 40 | ||
40 | if (isDevelopment) { | 41 | if (isDevelopment) { |
41 | hotReloadServices(); | 42 | hotReloadServices(); |
42 | document.title = `[dev] ${document.title}`; | ||
43 | } | 43 | } |
44 | 44 | ||
45 | const store = createAndConnectRendererStore(window.sophieRenderer); | 45 | const store = createAndConnectRendererStore(window.sophieRenderer); |
@@ -50,6 +50,14 @@ if (isDevelopment) { | |||
50 | }); | 50 | }); |
51 | } | 51 | } |
52 | 52 | ||
53 | autorun(() => { | ||
54 | const titlePrefix = isDevelopment ? '[dev] ' : ''; | ||
55 | const serviceTitle = store.settings.selectedService?.title; | ||
56 | const formattedServiceTitle = | ||
57 | serviceTitle === undefined ? '' : `${serviceTitle} - `; | ||
58 | document.title = `${titlePrefix}${formattedServiceTitle}Sophie`; | ||
59 | }); | ||
60 | |||
53 | function Root(): JSX.Element { | 61 | function Root(): JSX.Element { |
54 | return ( | 62 | return ( |
55 | <React.StrictMode> | 63 | <React.StrictMode> |