fix(suite): fix elevation on Learn more button in EverstakeFooter

trezor · Sep 27, 2024 · a97bc71 · a97bc71
1 parent f86932b
commit a97bc71
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/suite/src/components/suite/LearnMoreButton.tsx b/packages/suite/src/components/suite/LearnMoreButton.tsx
@@ -25,7 +25,7 @@ export const LearnMoreButton = ({
         textWrap={textWrap}
         variant="tertiary"
         size={size}
-        icon="arrowUpRight"
+        icon="externalLink"
         iconAlignment="right"
         className={className}
         {...buttonProps}

diff --git a/...te/src/views/wallet/staking/components/EthStakingDashboard/components/EverstakeFooter.tsx b/...te/src/views/wallet/staking/components/EthStakingDashboard/components/EverstakeFooter.tsx
@@ -1,6 +1,6 @@
 import styled, { useTheme } from 'styled-components';
 import { spacingsPx } from '@trezor/theme';
-import { Translation, TrezorLink } from 'src/components/suite';
+import { ActionButton, Translation } from 'src/components/suite';
 import { EverstakeLogo } from './EverstakeLogo';
 import { HELP_CENTER_ETH_STAKING } from '@trezor/urls';
 
@@ -33,9 +33,12 @@ export const EverstakeFooter = () => {
                 <EverstakeLogo color={isDarkMode ? '#fff' : '#000'} />
             </Left>
 
-            <TrezorLink href={HELP_CENTER_ETH_STAKING} target="_blank">
+            <ActionButton
+                onClick={() => window.open(HELP_CENTER_ETH_STAKING, '_blank')}
+                variant="tertiary"
+            >
                 <Translation id="TR_LEARN_MORE" />
-            </TrezorLink>
+            </ActionButton>
         </Wrapper>
     );
 };