From efd47665b95556fcb87cc83177db6c26eaad97b2 Mon Sep 17 00:00:00 2001
From: Alexander Midteide <alexander.midteide@digdir.no>
Date: Tue, 26 Nov 2024 11:14:01 +0100
Subject: [PATCH] some work

---
 .../frontend/src/components/Footer/Footer.tsx | 48 -----------
 .../src/components/Footer/footer.module.css   | 79 -------------------
 .../frontend/src/components/Footer/index.ts   |  1 -
 .../src/components/Footer/useFooter.tsx       |  6 +-
 .../src/stories/Footer/footer.stories.ts      | 14 ----
 5 files changed, 4 insertions(+), 144 deletions(-)
 delete mode 100644 packages/frontend/src/components/Footer/Footer.tsx
 delete mode 100644 packages/frontend/src/components/Footer/footer.module.css
 delete mode 100644 packages/storybook/src/stories/Footer/footer.stories.ts

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 (
-    <footer className={styles.footer} data-testid="main-footer">
-      <div className={styles.footerContent}>
-        <div>
-          <span className={styles.company}>
-            <AltinnLogoSvg small /> {t('footer.company')}
-          </span>
-          <span className={styles.addressLineOne}>{t('footer.address.line1')}</span>
-          <span className={styles.addressLineTwo}>{t('footer.address.line2')}</span>
-        </div>
-        <ul className={styles.links}>
-          {footerLinks.map((link) => (
-            <li key={link.resourceId}>
-              <a href={link.href} className={styles.link}>
-                {t(link.resourceId)}
-              </a>
-            </li>
-          ))}
-        </ul>
-      </div>
-    </footer>
-  );
-};
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<typeof Footer>;
-
-export const Default: StoryObj<typeof Footer> = {};