summaryrefslogtreecommitdiffhomepage
path: root/gui/src/renderer/components/select-location
diff options
context:
space:
mode:
authorOskar Nyberg <oskar@mullvad.net>2023-10-16 16:14:01 +0200
committerOskar Nyberg <oskar@mullvad.net>2023-10-17 10:01:04 +0200
commit54bf5e200dd665f0b60c81507b93b309856544be (patch)
treed2c11569aed438ae5b87bf52edb0813b9f23dd9d /gui/src/renderer/components/select-location
parent391268b6e6b864a5f6eeee3c42872156e49cd77f (diff)
downloadmullvadvpn-54bf5e200dd665f0b60c81507b93b309856544be.tar.xz
mullvadvpn-54bf5e200dd665f0b60c81507b93b309856544be.zip
Make sure filter count is correct when using multiple filters
Diffstat (limited to 'gui/src/renderer/components/select-location')
-rw-r--r--gui/src/renderer/components/select-location/SelectLocation.tsx4
1 files changed, 3 insertions, 1 deletions
diff --git a/gui/src/renderer/components/select-location/SelectLocation.tsx b/gui/src/renderer/components/select-location/SelectLocation.tsx
index 1ea7aeb5aa..c812d84835 100644
--- a/gui/src/renderer/components/select-location/SelectLocation.tsx
+++ b/gui/src/renderer/components/select-location/SelectLocation.tsx
@@ -12,6 +12,7 @@ import { RoutePath } from '../../lib/routes';
import { useNormalBridgeSettings, useNormalRelaySettings } from '../../lib/utilityHooks';
import { useSelector } from '../../redux/store';
import * as Cell from '../cell';
+import { useFilteredProviders } from '../Filter';
import ImageView from '../ImageView';
import { BackAction } from '../KeyboardNavigation';
import { Layout, SettingsContainer } from '../Layout';
@@ -69,6 +70,7 @@ export default function SelectLocation() {
const relaySettings = useNormalRelaySettings();
const ownership = relaySettings?.ownership ?? Ownership.any;
const providers = relaySettings?.providers ?? [];
+ const filteredProviders = useFilteredProviders(providers, ownership);
const [searchValue, setSearchValue] = useState('');
@@ -201,7 +203,7 @@ export default function SelectLocation() {
'select-location-view',
'Providers: %(numberOfProviders)d',
),
- { numberOfProviders: providers.length },
+ { numberOfProviders: filteredProviders.length },
)}
<StyledClearFilterButton
aria-label={messages.gettext('Clear')}