diff --git a/src/layouts/shared/footer.module.css b/src/layouts/shared/footer.module.css index 4dbf78e8..0969bd65 100644 --- a/src/layouts/shared/footer.module.css +++ b/src/layouts/shared/footer.module.css @@ -54,6 +54,12 @@ gap: var(--spacings-medium); flex-wrap: wrap; } +.footer__bottomLinks > div:only-child { + margin: 0 auto; +} +.footer__bottomLinks:has(> :last-child:nth-child(2)) { + justify-content: space-evenly; +} .footer__bottomLinks__mid { text-align: center; display: flex; diff --git a/src/layouts/shared/footer.tsx b/src/layouts/shared/footer.tsx index 7aae4e91..9fe1338b 100644 --- a/src/layouts/shared/footer.tsx +++ b/src/layouts/shared/footer.tsx @@ -11,12 +11,37 @@ export type FooterProps = { withoutSettings?: boolean; }; +type SomeLink = { + href: string; + iconSrc: string; + title: string; +}; + const { urls, fylkeskommune } = getOrgData(); export default function Footer({ withoutSettings = false }: FooterProps) { const { isDarkMode, toggleDarkmode } = useTheme(); const { t, language } = useTranslation(); + const someLinks: SomeLink[] = [ + urls.facebookLink && { + href: urls.facebookLink, + iconSrc: '/fb.svg', + title: 'Facebook', + }, + urls.instagramLink && { + href: urls.instagramLink, + iconSrc: '/ig.svg', + title: 'Instagram', + }, + urls.twitterLink && { + href: urls.twitterLink, + iconSrc: '/twitter.svg', + title: 'Twitter', + }, + ].filter(Boolean) as SomeLink[]; + + console.log(someLinks); return (