1 files changed, 7 insertions, 8 deletions

diff --git a/packages/renderer/src/components/ServiceSwitcher.tsx b/packages/renderer/src/components/ServiceSwitcher.tsx
index b454451..0786b71 100644
--- a/packages/renderer/src/components/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/ServiceSwitcher.tsx
@@ -22,7 +22,7 @@ import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
 import { alpha, styled } from '@mui/material/styles';
 import { observer } from 'mobx-react-lite';
-import React, { useState } from 'react';
+import React from 'react';
 
 import ServiceIcon from './ServiceIcon';
 import { useStore } from './StoreProvider';
@@ -62,18 +62,17 @@ const ServiceSwitcherTab = styled(Tab, {
 }));
 
 export default observer(() => {
-  const { services } = useStore();
-  // TODO Move this to the `SharedStore`.
-  const [selectedService, setSelectedService] = useState<string | boolean>(
-    false,
-  );
+  const store = useStore();
+  const { selectedService, services } = store;
 
   return (
     <ServiceSwitcherRoot
       variant="scrollable"
       orientation="vertical"
-      value={selectedService}
-      onChange={(_event, newValue: string) => setSelectedService(newValue)}
+      value={selectedService === undefined ? false : selectedService.id}
+      onChange={(_event, newValue: string) =>
+        store.setSelectedServiceId(newValue)
+      }
     >
       {services.map((service) => (
         <ServiceSwitcherTab