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 = {};