scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(WEB-111): adjust footer for updated model

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-02-20 13:03:24 +01:00
parent cbb53df67c
commit 99c2a136ba
5 changed files with 26 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
components/Current/Footer/Navigation.tsx
View File

@@ -1,49 +1,24 @@
import {
FooterNavigationProps,
FooterNavigationItemProps,
} from "@/types/components/current/footer"
import Link from "next/link"
import type { FooterNavigationProps } from "@/types/components/current/footer"
function NavigationItem({ linkObject, lang }: FooterNavigationItemProps) {
if (linkObject.__typename === "FooterNavigationLinksInternalLink") {
const href = `/${lang}${linkObject.internal_link.pageConnection.edges[0].node.url}`
return (
<li>
<Link href={href}>{linkObject.internal_link.link_text}</Link>
</li>
)
}
return (
<li>
<a href={linkObject.external_link.link.href}>
{linkObject.external_link.link.title}
</a>
</li>
)
}
export default function Navigation({
linkGroups,
lang,
}: FooterNavigationProps) {
export default function Navigation({ linkGroups }: FooterNavigationProps) {
return (
<ul className="l-footer-sections global-footer__content__sections">
{linkGroups.map((group) => {
return (
<li className="global-footer-section" key={group.title}>
<div className="link-list">
<h3 className="link-list-header">{group.title}</h3>
<ul className="list-footer-pages">
{group.links.map((link, idx) => {
return (
<NavigationItem key={idx} linkObject={link} lang={lang} />
)
})}
</ul>
</div>
</li>
)
})}
{linkGroups.map((group) => (
<li className="global-footer-section" key={group.title}>
<div className="link-list">
<h3 className="link-list-header">{group.title}</h3>
<ul className="list-footer-pages">
{group.links.map(link => (
<li key={link.href}>
<a href={link.href}>
{link.title}
</a>
</li>
))}
</ul>
</div>
</li>
))}
</ul>
)
}