diff options
| author | Oliver <oliver@mohlin.dev> | 2025-04-28 08:55:30 +0200 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-04-30 11:04:49 +0200 |
| commit | 829b6e044c986955c5eda20e1f0246db48e0d1a5 (patch) | |
| tree | bfc25f4babd7a2f5037b758c82df37954a7cf72f | |
| parent | bc274f0539d7bbfa42dd55812f7b44eaf5f61e52 (diff) | |
| download | mullvadvpn-829b6e044c986955c5eda20e1f0246db48e0d1a5.tar.xz mullvadvpn-829b6e044c986955c5eda20e1f0246db48e0d1a5.zip | |
Use new Button in daita view
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/DaitaSettings.tsx | 26 |
1 files changed, 12 insertions, 14 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/DaitaSettings.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/DaitaSettings.tsx index 477f9f3f45..4a622527ae 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/DaitaSettings.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/DaitaSettings.tsx @@ -5,7 +5,7 @@ import styled from 'styled-components'; import { strings } from '../../shared/constants'; import { messages } from '../../shared/gettext'; import { useAppContext } from '../context'; -import { Flex } from '../lib/components'; +import { Button, Flex } from '../lib/components'; import { spacings } from '../lib/foundations'; import { useHistory } from '../lib/history'; import { useBoolean } from '../lib/utility-hooks'; @@ -21,7 +21,6 @@ import { NavigationContainer } from './NavigationContainer'; import { NavigationScrollbars } from './NavigationScrollbars'; import PageSlider from './PageSlider'; import SettingsHeader, { HeaderSubTitle, HeaderTitle } from './SettingsHeader'; -import { SmallButton, SmallButtonColor } from './SmallButton'; const StyledHeaderSubTitle = styled(HeaderSubTitle)({ display: 'inline-block', @@ -224,18 +223,17 @@ function DaitaToggle() { isOpen={confirmationDialogVisible} type={ModalAlertType.caution} gridButtons={[ - <SmallButton - key="confirm" - onClick={confirmEnableDirectOnly} - color={SmallButtonColor.blue}> - { - // TRANSLATORS: A toggle that refers to the setting "Direct only". - messages.gettext('Enable direct only') - } - </SmallButton>, - <SmallButton key="cancel" onClick={hideConfirmationDialog} color={SmallButtonColor.blue}> - {messages.pgettext('wireguard-settings-view', 'Cancel')} - </SmallButton>, + <Button key="cancel" onClick={hideConfirmationDialog}> + <Button.Text>{messages.pgettext('wireguard-settings-view', 'Cancel')}</Button.Text> + </Button>, + <Button key="confirm" onClick={confirmEnableDirectOnly}> + <Button.Text> + { + // TRANSLATORS: A toggle that refers to the setting "Direct only". + messages.gettext('Enable direct only') + } + </Button.Text> + </Button>, ]} close={hideConfirmationDialog}> <ModalMessage> |