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({
{appDownloads.links.map((link) => (
-
-
+
{link.title}
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index 5c62059d7..2e828298c 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -31,7 +31,7 @@ export type FooterSecondaryNavProps = {
}
}
-export enum AppDownnLoadLinks {
+export enum AppDownLoadLinks {
apple = "/_static/img/app-store-badge.svg",
google = "/_static/img/google-play-badge.svg",
}