feat(SW-185): Refactor mocked data

This commit is contained in:
Pontus Dreij
2024-08-22 16:08:11 +02:00
parent 6f28aee349
commit df0a9d661b
5 changed files with 92 additions and 76 deletions

View File

@@ -1,4 +1,3 @@
import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
@@ -11,35 +10,27 @@ export default function FooterSecondaryNav({
}: FooterSecondaryNavProps) {
return (
<div className={styles.secondaryNavigation}>
{Object.entries(secondaryLinks).map(([key, group]) => (
<nav key={key} className={styles.secondaryNavigationGroup}>
<Body
className={styles.secondaryNavigationGroupDescription}
color="peach80"
textTransform="uppercase"
>
{group.title}
{secondaryLinks.map((link) => (
<nav className={styles.secondaryNavigationGroup} key={link.title}>
<Body color="peach80" textTransform="uppercase">
{link.title}
</Body>
<ul className={styles.secondaryNavigationList}>
{group.links.map((link) => (
{link.links.map((link) => (
<li key={link.id} className={styles.secondaryNavigationItem}>
<Link
color="burgundy"
href={link.href}
className={styles.secondaryNavigationLink}
>
{link.image ? (
<Image
src={link.image.src}
alt={link.title}
width={125}
height={40}
/>
) : (
link.title
)}
</Link>
{link.isExternal ? (
<a
href={link.href}
key={link.title}
target={link.openInNewTab ? "_blank" : "_self"}
>
{link.title}
</a>
) : (
<Link href={link.href} key={link.title}>
{link.title}
</Link>
)}
</li>
))}
</ul>