diff options
Diffstat (limited to 'packages/renderer/src/components/sidebar')
-rw-r--r-- | packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx index 325160e..7fc559d 100644 --- a/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx +++ b/packages/renderer/src/components/sidebar/ToggleLocationBarButton.tsx | |||
@@ -47,19 +47,23 @@ function ToggleLocationBarIcon({ | |||
47 | 47 | ||
48 | function ToggleLocationBarButton(): JSX.Element { | 48 | function ToggleLocationBarButton(): JSX.Element { |
49 | const { t } = useTranslation(); | 49 | const { t } = useTranslation(); |
50 | const { settings } = useStore(); | 50 | const { |
51 | const { selectedService, showLocationBar } = settings; | 51 | shared: { locationBarVisible, canToggleLocationBar }, |
52 | settings, | ||
53 | } = useStore(); | ||
54 | const { selectedService } = settings; | ||
52 | 55 | ||
53 | return ( | 56 | return ( |
54 | <IconButton | 57 | <IconButton |
55 | aria-pressed={showLocationBar} | 58 | disabled={!canToggleLocationBar} |
59 | aria-pressed={locationBarVisible} | ||
56 | aria-controls={LOCATION_BAR_ID} | 60 | aria-controls={LOCATION_BAR_ID} |
57 | aria-label={t('toolbar.toggleLocationBar')} | 61 | aria-label={t('toolbar.toggleLocationBar')} |
58 | onClick={() => settings.toggleLocationBar()} | 62 | onClick={() => settings.toggleLocationBar()} |
59 | > | 63 | > |
60 | <ToggleLocationBarIcon | 64 | <ToggleLocationBarIcon |
61 | loading={selectedService?.loading ?? false} | 65 | loading={selectedService?.loading ?? false} |
62 | show={showLocationBar} | 66 | show={locationBarVisible} |
63 | /> | 67 | /> |
64 | </IconButton> | 68 | </IconButton> |
65 | ); | 69 | ); |