refactor(renderer): remove StoreProvider

Use explicit prop threading to pass the MainStore to components, which
makes the data dependencies more explicit and enables better
testability.

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

1 files changed, 8 insertions, 5 deletions

diff --git a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
index c697170..b6644a3 100644
--- a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
+++ b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx
@@ -27,7 +27,7 @@ import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useStore } from '../StoreProvider';
+import type RendererStore from '../../stores/RendererStore';
 import { getLocaltionBarID } from '../locationBar/LocationBar';
 
 function ToggleLocationBarIcon({
@@ -45,12 +45,15 @@ function ToggleLocationBarIcon({
   return left ? <IconChevronLeft /> : <IconChevronRight />;
 }
 
-function ToggleLocationBarButton(): JSX.Element {
-  const { t } = useTranslation();
-  const {
+function ToggleLocationBarButton({
+  store: {
     shared: { locationBarVisible, canToggleLocationBar },
     settings,
-  } = useStore();
+  },
+}: {
+  store: RendererStore;
+}): JSX.Element {
+  const { t } = useTranslation();
   const { selectedService } = settings;
 
   return (