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

feat(SW-185): Fixed app download images

Browse Source
This commit is contained in:
Pontus Dreij
2024-08-22 16:38:35 +02:00
parent d658e223e2
commit 1a31b20ad5
6 changed files with 51 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/Footer/Navigation/SecondaryNav/index.tsx
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">

13
components/Footer/Navigation/index.tsx
View File

@@ -1,5 +1,3 @@
import MaxWidth from "@/components/MaxWidth"
import { footer } from "../mockedData"
import FooterMainNav from "./MainNav"
import FooterSecondaryNav from "./SecondaryNav"
@@ -7,13 +5,16 @@ import FooterSecondaryNav from "./SecondaryNav"
import styles from "./navigation.module.css"
export default function FooterNavigation() {
const { mainLinks, secondaryLinks } = footer
const { mainLinks, secondaryLinks, appDownloads } = footer
return (
<section className={styles.section}>
<MaxWidth tag="div" className={styles.maxWidth}>
<div className={styles.maxWidth}>
<FooterMainNav mainLinks={mainLinks} />
<FooterSecondaryNav secondaryLinks={secondaryLinks} />
</MaxWidth>
<FooterSecondaryNav
secondaryLinks={secondaryLinks}
appDownloads={appDownloads}
/>
</div>
</section>
)
}

1
components/Footer/Navigation/navigation.module.css
View File

@@ -9,6 +9,7 @@
display: flex;
justify-content: space-between;
flex-direction: column;
max-width: var(--max-width-content);
}
@media screen and (min-width: 1367px) {