diff options
3 files changed, 17 insertions, 3 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/LaunchButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/LaunchButton.tsx index 58c82d4c42..5f9262cd1f 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/LaunchButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/LaunchButton.tsx @@ -1,12 +1,12 @@ import { messages } from '../../../../../../../../../../../../../../shared/gettext'; import { Button } from '../../../../../../../../../../../../../lib/components'; -import { useLaunchApplication } from '../../../../hooks'; +import { useHandleClick } from './hooks'; export function LaunchButton() { - const launchApplication = useLaunchApplication(); + const handleClick = useHandleClick(); return ( - <Button onClick={launchApplication}> + <Button onClick={handleClick}> <Button.Text> { // TRANSLATORS: Button label for launching an application with split tunneling. diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/index.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/index.ts new file mode 100644 index 0000000000..ea402d648a --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/index.ts @@ -0,0 +1 @@ +export * from './useHandleClick'; diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/useHandleClick.ts b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/useHandleClick.ts new file mode 100644 index 0000000000..cbbd92bdfc --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/split-tunneling/components/linux-settings/components/linux-application-list/components/linux-application-row/components/warning-dialog/components/launch-button/hooks/useHandleClick.ts @@ -0,0 +1,13 @@ +import { useCallback } from 'react'; + +import { useLinuxApplicationRowContext } from '../../../../../LinuxApplicationRowContext'; + +export function useHandleClick() { + const { application, onSelect, setShowWarningDialog } = useLinuxApplicationRowContext(); + const handleClick = useCallback(() => { + setShowWarningDialog(false); + onSelect?.(application); + }, [application, onSelect, setShowWarningDialog]); + + return handleClick; +} |