fix(suite): learn more button wrap in staking

trezor · Sep 10, 2024 · 9477e88 · 9477e88
1 parent 7a6ff56
commit 9477e88
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/suite/src/components/suite/LearnMoreButton.tsx b/packages/suite/src/components/suite/LearnMoreButton.tsx
@@ -9,17 +9,20 @@ import { useExternalLink } from '../../hooks/suite';
 interface LearnMoreButtonProps extends Omit<ButtonProps, 'children'> {
     url: Url;
     children?: ReactNode;
+    textWrap?: boolean;
 }
 
 export const LearnMoreButton = ({
     children,
     className,
     size = 'tiny',
     url,
+    textWrap,
     ...buttonProps
 }: LearnMoreButtonProps) => (
     <Button
         href={useExternalLink(url)}
+        textWrap={textWrap}
         variant="tertiary"
         size={size}
         icon="externalLink"

diff --git a/packages/suite/src/components/wallet/Fees/CustomFee.tsx b/packages/suite/src/components/wallet/Fees/CustomFee.tsx
@@ -176,7 +176,11 @@ export const CustomFee = <TFieldValues extends FormState>({
                 variant="warning"
                 margin={{ bottom: spacings.xs }}
                 rightContent={
-                    <LearnMoreButton url={HELP_CENTER_TRANSACTION_FEES_URL} variant="warning" />
+                    <LearnMoreButton
+                        textWrap={false}
+                        url={HELP_CENTER_TRANSACTION_FEES_URL}
+                        variant="warning"
+                    />
                 }
             >
                 <Translation id="TR_CUSTOM_FEE_WARNING" />