diff options
| author | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-05-28 10:57:15 +0200 |
|---|---|---|
| committer | Sebastian Holmin <sebastian.holmin@mullvad.net> | 2025-05-28 13:25:42 +0200 |
| commit | 3f12961fbce8a4a32bfa7ee0ad5b989f7cce9226 (patch) | |
| tree | bfc9bed040ed7cb3da1ef84966813b6cc7d5f0a4 | |
| parent | c2d6efc1c88996dec2f7f34bc39319338b05159d (diff) | |
| download | mullvadvpn-3f12961fbce8a4a32bfa7ee0ad5b989f7cce9226.tar.xz mullvadvpn-3f12961fbce8a4a32bfa7ee0ad5b989f7cce9226.zip | |
Update Link components to use Text subcomponent to wrap text
2 files changed, 11 insertions, 9 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx index a88bf6fa98..736c3d6ad3 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/NotificationSubtitle.tsx @@ -39,7 +39,7 @@ const formatSubtitle = (subtitle: InAppNotificationSubtitle) => { case 'run-function': return ( <StyledLink color="white" forwardedAs="button" {...subtitle.action.button}> - {content} + <StyledLink.Text>{content}</StyledLink.Text> </StyledLink> ); diff --git a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/components/manual-download-link/ManualDownloadLink.tsx b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/components/manual-download-link/ManualDownloadLink.tsx index d690393938..fba67726d6 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/components/manual-download-link/ManualDownloadLink.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/components/views/app-upgrade/components/footer/components/error-footer/components/manual-download-link/ManualDownloadLink.tsx @@ -7,14 +7,16 @@ export function ManualDownloadLink() { return ( <ExternalLink variant="labelTiny" to={downloadUrl}> - { - // TRANSLATORS: Link shown to optionally manually download the update - // TRANSLATORS: due to repeated errors in the upgrade process. - messages.pgettext( - 'app-upgrade-view', - 'Having problems? Try downloading the app from our website', - ) - } + <ExternalLink.Text> + { + // TRANSLATORS: Link shown to optionally manually download the update + // TRANSLATORS: due to repeated errors in the upgrade process. + messages.pgettext( + 'app-upgrade-view', + 'Having problems? Try downloading the app from our website', + ) + } + </ExternalLink.Text> <ExternalLink.Icon aria-description={messages.pgettext('accessibility', 'Opens externally')} icon="external" |