feat(SW-185): Fixed app download images

This commit is contained in:
Pontus Dreij
2024-08-22 16:38:35 +02:00
parent df0a9d661b
commit 07b564c8a4
6 changed files with 51 additions and 9 deletions

View File

@@ -1,15 +1,41 @@
import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import styles from "./secondarynav.module.css"
import { FooterSecondaryNavProps } from "@/types/components/footer/navigation"
import {
AppDownnLoadLinks,
FooterSecondaryNavProps,
} from "@/types/components/footer/navigation"
export default function FooterSecondaryNav({
secondaryLinks,
appDownloads,
}: FooterSecondaryNavProps) {
return (
<div className={styles.secondaryNavigation}>
<nav className={styles.secondaryNavigationGroup}>
<Body color="peach80" textTransform="uppercase">
{appDownloads.title}
</Body>
<ul className={styles.secondaryNavigationList}>
{appDownloads.links.map((link) => (
<li key={link.id} className={styles.appDownloadItem}>
<a href={link.href} target="_blank" rel="noopener noreferrer">
<Image
src={
AppDownnLoadLinks[link.id as keyof typeof AppDownnLoadLinks]
}
alt={link.title}
width={125}
height={40}
/>
</a>
</li>
))}
</ul>
</nav>
{secondaryLinks.map((link) => (
<nav className={styles.secondaryNavigationGroup} key={link.title}>
<Body color="peach80" textTransform="uppercase">