diff options
Diffstat (limited to 'packages/renderer/src/components/sidebar/ServiceSwitcher.tsx')
-rw-r--r-- | packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx index 24cfd0c..7aa9124 100644 --- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx +++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx | |||
@@ -26,9 +26,9 @@ import { observer } from 'mobx-react-lite'; | |||
26 | import React from 'react'; | 26 | import React from 'react'; |
27 | import { useTranslation } from 'react-i18next'; | 27 | import { useTranslation } from 'react-i18next'; |
28 | 28 | ||
29 | import type RendererStore from '../../stores/RendererStore'; | ||
29 | import type Service from '../../stores/Service'; | 30 | import type Service from '../../stores/Service'; |
30 | import { getServicePanelID } from '../ServicePanel'; | 31 | import { getServicePanelID } from '../ServicePanel'; |
31 | import { useStore } from '../StoreProvider'; | ||
32 | 32 | ||
33 | import ServiceIcon from './ServiceIcon'; | 33 | import ServiceIcon from './ServiceIcon'; |
34 | 34 | ||
@@ -88,14 +88,13 @@ function getServiceTitle(service: Service, t: TFunction) { | |||
88 | return t('service.title.nameWithMessages', { name, messages: messagesText }); | 88 | return t('service.title.nameWithMessages', { name, messages: messagesText }); |
89 | } | 89 | } |
90 | 90 | ||
91 | function ServiceSwitcher(): JSX.Element { | 91 | function ServiceSwitcher({ |
92 | // This needs to be here even if we don't use any translations in this component, | 92 | store: { settings, services }, |
93 | // because the component must stay suspended until the translations are loaded. | 93 | }: { |
94 | // See: https://github.com/mui/material-ui/issues/14077 | 94 | store: RendererStore; |
95 | // TODO Try and remove this once mui and mobx-react-lite have updated to react 18. | 95 | }): JSX.Element { |
96 | const { t } = useTranslation(); | 96 | const { t } = useTranslation(); |
97 | 97 | ||
98 | const { settings, services } = useStore(); | ||
99 | const { selectedService } = settings; | 98 | const { selectedService } = settings; |
100 | 99 | ||
101 | return ( | 100 | return ( |