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

feat(SW-185): Fixing comments

Browse Source
This commit is contained in:
Pontus Dreij
2024-08-22 11:01:31 +02:00
parent d72080ffe3
commit 72e28307de
18 changed files with 158 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/Footer/Details/index.tsx
View File

@@ -3,6 +3,8 @@ import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
import Image from "@/components/Image"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Footnote from "@/components/TempDesignSystem/Text/Footnote"
import { getLang } from "@/i18n/serverContext"
import { detailsData } from "../mockedData"
@@ -15,11 +17,13 @@ function socialIcon(iconName: string): JSX.Element | null {
return SocialIcon ? <SocialIcon color="white" /> : <span>{iconName}</span>
}
export default async function FooterDetails() {
export default function FooterDetails() {
const lang = getLang()
const currentYear = new Date().getFullYear()
return (
<section className={styles.details}>
<div className={styles.topContainer}>
<Link href="/">
<Link href={`/${lang}`}>
<Image
alt="Scandic Hotels logo"
className={styles.logo}
@@ -33,7 +37,7 @@ export default async function FooterDetails() {
</Link>
<nav className={styles.socialNav}>
{detailsData.social.links.map((link) => (
<Link
<a
className={styles.socialLink}
color="white"
href={link.href}
@@ -42,28 +46,33 @@ export default async function FooterDetails() {
title={link.title}
>
{socialIcon(link.title)}
</Link>
</a>
))}
</nav>
</div>
<div className={styles.bottomContainer}>
<Body color="white">
<strong>{detailsData.copyrightCompany}</strong>{" "}
{detailsData.copyrightInfo}
</Body>
<div className={styles.copyrightContainer}>
<Footnote textTransform="uppercase">
© {currentYear} {detailsData.copyrightCompany}
</Footnote>
<Footnote textTransform="uppercase" color="peach50">
{detailsData.copyrightInfo}
</Footnote>
</div>
<div className={styles.navigationContainer}>
<nav className={styles.navigation}>
{detailsData.links.map((link) => (
<Link
className={styles.link}
color="white"
href={link.href}
key={link.id}
target="_blank"
title={link.title}
>
{link.title}
</Link>
<Footnote asChild textTransform="uppercase" key={link.id}>
<Link
className={styles.link}
color="peach50"
href={link.href}
target="_blank"
title={link.title}
>
{link.title}
</Link>
</Footnote>
))}
</nav>
{