diff options
| author | Oliver <oliver@mohlin.dev> | 2025-09-04 15:10:04 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-09-22 12:35:44 +0200 |
| commit | a12e653069f002d7402d75edfa7d4426e3649898 (patch) | |
| tree | 60a1275bc50a2a5fb940705ea5ee89903bbdfeb3 /desktop | |
| parent | 2d4fc1d133f249ab24d738c182c8d8ace8b0a9e7 (diff) | |
| download | mullvadvpn-a12e653069f002d7402d75edfa7d4426e3649898.tar.xz mullvadvpn-a12e653069f002d7402d75edfa7d4426e3649898.zip | |
Expand dns blocker accordion when navigated to via feature indicator
Diffstat (limited to 'desktop')
2 files changed, 9 insertions, 3 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/main/components/connection-panel/components/feature-indicators/hooks/use-get-feature-indicator/useGetFeatureIndicator.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/main/components/connection-panel/components/feature-indicators/hooks/use-get-feature-indicator/useGetFeatureIndicator.ts index 8efc4cc766..e8cb982c88 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/main/components/connection-panel/components/feature-indicators/hooks/use-get-feature-indicator/useGetFeatureIndicator.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/main/components/connection-panel/components/feature-indicators/hooks/use-get-feature-indicator/useGetFeatureIndicator.ts @@ -91,6 +91,9 @@ export const useGetFeatureIndicator = () => { const gotoDnsContentBlockersFeature = React.useCallback(() => { history.push(RoutePath.vpnSettings, { transition: TransitionType.show, + expandedSections: { + 'dns-blocker-setting': true, + }, options: [ { type: 'scroll-to-anchor', diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/vpn-settings/components/dns-blocker-settings/DnsBlockerSetting.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/vpn-settings/components/dns-blocker-settings/DnsBlockerSetting.tsx index 253c425647..c49b953fb1 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/vpn-settings/components/dns-blocker-settings/DnsBlockerSetting.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/vpn-settings/components/dns-blocker-settings/DnsBlockerSetting.tsx @@ -1,11 +1,12 @@ +import React from 'react'; import { sprintf } from 'sprintf-js'; import { messages } from '../../../../../../shared/gettext'; import { useScrollToListItem } from '../../../../../hooks'; import { Accordion } from '../../../../../lib/components/accordion'; import { FlexRow } from '../../../../../lib/components/flex-row'; +import { useHistory } from '../../../../../lib/history'; import { formatHtml } from '../../../../../lib/html-formatter'; -import { useBoolean } from '../../../../../lib/utility-hooks'; import { useSelector } from '../../../../../redux/store'; import InfoButton from '../../../../InfoButton'; import { ModalMessage } from '../../../../Modal'; @@ -21,8 +22,10 @@ import { export function DnsBlockerSettings() { const dns = useSelector((state) => state.settings.dns); + const { location } = useHistory(); + const initialExpanded = location.state.expandedSections['dns-blocker-setting']; const customDnsFeatureName = messages.pgettext('vpn-settings-view', 'Use custom DNS server'); - const [expanded, , , toggleExpanded] = useBoolean(); + const [expanded, setExpanded] = React.useState(initialExpanded); const { ref, animation } = useScrollToListItem('dns-blocker-setting'); return ( @@ -30,7 +33,7 @@ export function DnsBlockerSettings() { <Accordion ref={ref} expanded={expanded} - onExpandedChange={toggleExpanded} + onExpandedChange={setExpanded} disabled={dns.state === 'custom'} animation={animation}> <Accordion.Header> |