diff --git a/components/Footer/Details/index.tsx b/components/Footer/Details/index.tsx index 830abfb2c..7d0961527 100644 --- a/components/Footer/Details/index.tsx +++ b/components/Footer/Details/index.tsx @@ -9,9 +9,9 @@ import { footer } from "../mockedData" import styles from "./details.module.css" -import type { IconName } from "@/types/components/icon" +import { IconName } from "@/types/components/icon" -function socialIcon(iconName: string): JSX.Element | null { +function SocialIcon({ iconName }: { iconName: string }) { const SocialIcon = getIconByIconName(iconName as IconName) return SocialIcon ? : {iconName} } @@ -49,9 +49,9 @@ export default function FooterDetails() { href={link.href} key={link.id} target="_blank" - title={link.title} + aria-label={link.title} > - {socialIcon(link.title)} + ))} @@ -74,7 +74,6 @@ export default function FooterDetails() { color="peach50" href={link.href} target="_blank" - title={link.title} > {link.title} diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx index afbf36dd4..adb2d3163 100644 --- a/components/Footer/Navigation/SecondaryNav/index.tsx +++ b/components/Footer/Navigation/SecondaryNav/index.tsx @@ -5,7 +5,7 @@ import Body from "@/components/TempDesignSystem/Text/Body" import styles from "./secondarynav.module.css" import { - AppDownnLoadLinks, + AppDownLoadLinks, type FooterSecondaryNavProps, } from "@/types/components/footer/navigation" @@ -22,10 +22,10 @@ export default function FooterSecondaryNav({