diff --git a/packages/frontend/src/components/Footer/Footer.tsx b/packages/frontend/src/components/Footer/Footer.tsx deleted file mode 100644 index 19c49269..00000000 --- a/packages/frontend/src/components/Footer/Footer.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { useTranslation } from 'react-i18next'; -import { AltinnLogoSvg } from '../Header/AltinnLogo'; -import styles from './footer.module.css'; - -const footerLinks = [ - { - href: 'https://info.altinn.no/om-altinn/', - resourceId: 'footer.nav.about_altinn', - }, - { - href: 'https://info.altinn.no/om-altinn/driftsmeldinger/', - resourceId: 'footer.nav.service_messages', - }, - { - href: 'https://info.altinn.no/om-altinn/personvern/', - resourceId: 'footer.nav.privacy_policy', - }, - { - href: 'https://info.altinn.no/om-altinn/tilgjengelighet/', - resourceId: 'footer.nav.accessibility', - }, -]; -export const Footer = () => { - const { t } = useTranslation(); - - return ( - - ); -}; diff --git a/packages/frontend/src/components/Footer/footer.module.css b/packages/frontend/src/components/Footer/footer.module.css deleted file mode 100644 index 77b48a72..00000000 --- a/packages/frontend/src/components/Footer/footer.module.css +++ /dev/null @@ -1,79 +0,0 @@ -.footer { - color: #333; - font-size: 0.875rem; - align-items: flex-start; - position: relative; - padding: 1rem 2.5rem; -} - -.footer:before { - content: ""; - position: absolute; - top: 0; - left: 1%; - width: 98%; - height: 1px; - background: rgba(0, 0, 0, 0.25); -} - -@media (max-width: 1024px) { - .footer { - padding: 1rem; - margin: 0; - } - - .footer .footerContent { - flex-direction: column; - } - - .footer ul { - display: flex; - flex-direction: column; - } - - .footer li { - margin-top: 0.5rem; - margin-bottom: 0.5rem; - } -} - -.company { - display: flex; - align-items: center; - margin-bottom: 1rem; - column-gap: 0.5rem; - font-weight: 500; -} - -.footerContent { - display: flex; - justify-content: space-between; - width: 100%; - max-width: 1220px; - margin-left: auto; - margin-right: auto; -} - -.links { - display: flex; - gap: 8px; - list-style: none; - padding: 0; - margin: 0; - color: #000; -} - -.links a { - color: #000; -} - -.logo { - width: 1rem; - height: 1rem; -} - -.addressLineOne, -.addressLineTwo { - display: block; - line-height: 1.5; -} diff --git a/packages/frontend/src/components/Footer/index.ts b/packages/frontend/src/components/Footer/index.ts index 0b453b24..969c4550 100644 --- a/packages/frontend/src/components/Footer/index.ts +++ b/packages/frontend/src/components/Footer/index.ts @@ -1,2 +1 @@ -export * from './Footer.tsx'; export * from './useFooter.tsx'; diff --git a/packages/frontend/src/components/Footer/useFooter.tsx b/packages/frontend/src/components/Footer/useFooter.tsx index 98bbe565..18d6f2ed 100644 --- a/packages/frontend/src/components/Footer/useFooter.tsx +++ b/packages/frontend/src/components/Footer/useFooter.tsx @@ -1,6 +1,8 @@ import type { FooterProps } from '@altinn/altinn-components'; +import { useTranslation } from 'react-i18next'; export const useFooter = (): FooterProps => { + const { t } = useTranslation(); const footerLinks = [ { href: 'https://info.altinn.no/om-altinn/', @@ -20,12 +22,12 @@ export const useFooter = (): FooterProps => { }, ]; return { - address: 'Altinn AS, Postboks 6783 St. Olavs plass, 0130 Oslo', + address: 'Altinn AS, Postboks 6783 St. Olavs plass, 0130 Oslo Org.nr. 991 825 827', menu: { items: footerLinks.map((link) => ({ id: link.resourceId, href: link.href, - text: link.resourceId, + title: t(link.resourceId), })), }, }; diff --git a/packages/storybook/src/stories/Footer/footer.stories.ts b/packages/storybook/src/stories/Footer/footer.stories.ts deleted file mode 100644 index 5e905a44..00000000 --- a/packages/storybook/src/stories/Footer/footer.stories.ts +++ /dev/null @@ -1,14 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react'; -import { Footer } from 'frontend'; -import { withRouter } from 'storybook-addon-react-router-v6'; - -export default { - title: 'Components/Footer', - component: Footer, - decorators: [withRouter], - parameters: { - layout: 'fullscreen', - }, -} as Meta; - -export const Default: StoryObj = {};