jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-19 18:10:59 -05:00
Code Issues Projects Releases Wiki Activity

add external icon for external link CTA buttons (#57997)

Browse Source
This commit is contained in:
Robert Sese
2025-10-15 13:20:31 -05:00
committed by GitHub
parent 46543158ab
commit 11d69f35b4
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/landings/components/shared/LandingHero.tsx
View File

@@ -1,3 +1,4 @@
import { LinkExternalIcon } from '@primer/octicons-react'
import styles from './LandingHero.module.scss'
import { useTranslation } from '@/languages/components/useTranslation'
@@ -41,7 +42,12 @@ export const LandingHero = ({ title, intro, heroImage, introLinks }: LandingHero
href={primaryAction[1]}
className={`${styles.heroAction} ${styles.heroPrimaryAction}`}
>
{t(primaryAction[0])}
{t(primaryAction[0])}{' '}
{primaryAction[1].startsWith('https') && (
<span className="ml-1">
<LinkExternalIcon aria-label="(external site)" size="small" />
</span>
)}
</a>
)}
{secondaryAction && (
@@ -49,7 +55,12 @@ export const LandingHero = ({ title, intro, heroImage, introLinks }: LandingHero
href={secondaryAction[1]}
className={`${styles.heroAction} ${styles.heroSecondaryAction}`}
>
{t(secondaryAction[0])}
{t(secondaryAction[0])}{' '}
{secondaryAction[1].startsWith('https') && (
<span className="ml-1">
<LinkExternalIcon aria-label="(external site)" size="small" />
</span>
)}
</a>
)}
</div>