diff options
| author | Oliver <oliver@mohlin.dev> | 2025-03-18 08:31:33 +0100 |
|---|---|---|
| committer | Markus Pettersson <markus.pettersson@mullvad.net> | 2025-04-30 11:04:49 +0200 |
| commit | f7ced636f7f3344aaf73379cd1dc86095263c93b (patch) | |
| tree | 5fbbeb104f5a266baa73049a4a60fe1dd2ff87bf | |
| parent | d77058beb83da4c5700ef25923bdf99382e0df45 (diff) | |
| download | mullvadvpn-f7ced636f7f3344aaf73379cd1dc86095263c93b.tar.xz mullvadvpn-f7ced636f7f3344aaf73379cd1dc86095263c93b.zip | |
Use new Button in voucher input view
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/components/ExpiredAccountAddTime.tsx | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/ExpiredAccountAddTime.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/ExpiredAccountAddTime.tsx index aae0e599b1..c90408e66e 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/ExpiredAccountAddTime.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/ExpiredAccountAddTime.tsx @@ -9,7 +9,8 @@ import { formatRelativeDate } from '../../shared/date-helper'; import { messages } from '../../shared/gettext'; import { useAppContext } from '../context'; import useActions from '../lib/actionsHook'; -import { Flex, Icon } from '../lib/components'; +import { Button, Flex, Icon } from '../lib/components'; +import { FlexColumn } from '../lib/components/flex-column'; import { Colors } from '../lib/foundations'; import { TransitionType, useHistory } from '../lib/history'; import { IconBadge } from '../lib/icon-badge'; @@ -99,12 +100,12 @@ export function VoucherInput() { </StyledBody> <Footer> - <AppButton.ButtonGroup> + <FlexColumn $gap="medium"> <RedeemVoucherSubmitButton /> - <AppButton.BlueButton onClick={navigateBack}> - {messages.gettext('Cancel')} - </AppButton.BlueButton> - </AppButton.ButtonGroup> + <Button onClick={navigateBack}> + <Button.Text>{messages.gettext('Cancel')}</Button.Text> + </Button> + </FlexColumn> </Footer> </RedeemVoucherContainer> </StyledContainer> |