fix link alignment

Telefonica · Jun 14, 2024 · aee09cc · aee09cc
1 parent e4c03a0
commit aee09cc
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/...n-layout-screenshot-test-tsx-button-layout-ui-package-device-desktop-1-snap.png b/...n-layout-screenshot-test-tsx-button-layout-ui-package-device-desktop-1-snap.png
diff --git a/...ayout-screenshot-test-tsx-button-layout-ui-package-device-mobile-ios-1-snap.png b/...ayout-screenshot-test-tsx-button-layout-ui-package-device-mobile-ios-1-snap.png
diff --git a/src/__stories__/button-layout-story.tsx b/src/__stories__/button-layout-story.tsx
@@ -51,6 +51,9 @@ const Template: React.FC<Props> = ({align = 'full-width'}) => (
                 primaryButton={<ButtonPrimary onPress={() => {}}>Ok</ButtonPrimary>}
                 secondaryButton={<ButtonSecondary onPress={() => {}}>Cancel</ButtonSecondary>}
             />
+
+            <Title1 as="h2">Only link</Title1>
+            <ButtonLayout align={align} link={<ButtonLink href="#">Text link</ButtonLink>} />
         </Stack>
     </StorySection>
 );

diff --git a/src/button-layout.tsx b/src/button-layout.tsx
@@ -59,7 +59,7 @@ const ButtonLayout: React.FC<ButtonLayoutProps> = ({
 
     const linkContainer = link ? (
         <div
-            className={classnames(numberOfButtons > 1 ? styles.linkWithTwoButtons : styles.link)}
+            className={classnames(numberOfButtons !== 1 ? styles.linkWithTwoButtons : styles.link)}
             data-link="true"
         >
             {link}