From 259307c5503f419662ed4d4b969204e8d3cf88f7 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Wed, 22 May 2024 23:30:07 +0200
Subject: [PATCH] add missing pages

---
 web/src/app/medlem/page.tsx                   | 23 +++++++++++++++++++
 web/src/app/om/page.tsx                       | 19 +++++++++++++++
 .../components/general/pageHeader.module.scss |  1 +
 web/src/components/layout/Header.tsx          | 14 +++++++----
 4 files changed, 53 insertions(+), 4 deletions(-)
 create mode 100644 web/src/app/medlem/page.tsx
 create mode 100644 web/src/app/om/page.tsx

diff --git a/web/src/app/medlem/page.tsx b/web/src/app/medlem/page.tsx
new file mode 100644
index 0000000..12718fc
--- /dev/null
+++ b/web/src/app/medlem/page.tsx
@@ -0,0 +1,23 @@
+import { graphql } from "@/gql";
+//import { NewsFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
+import { IconListBlock } from "@/components/blocks/IconListBlock";
+
+export default async function Page() {
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading="Bli medlem" />
+      <p>Som medlem kan du... får du... glede og samvær</p>
+      <p>
+        Inngang til{" "}
+        <a href="https://galtinn.neuf.no/" target="_blank">
+          Galtinn
+        </a>
+      </p>
+      <p>Inngang til foreningene</p>
+      <IconListBlock />
+    </main>
+  );
+}
diff --git a/web/src/app/om/page.tsx b/web/src/app/om/page.tsx
new file mode 100644
index 0000000..26d4958
--- /dev/null
+++ b/web/src/app/om/page.tsx
@@ -0,0 +1,19 @@
+import { graphql } from "@/gql";
+//import { NewsFragment } from "@/gql/graphql";
+import { getClient } from "@/app/client";
+import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
+import { IconListBlock } from "@/components/blocks/IconListBlock";
+
+export default async function Page() {
+  return (
+    <main className="site-main" id="main">
+      <PageHeader heading="Om oss" />
+      <p>Generelt om oss, CN og DNS</p>
+      <p>Inngang til kontakt, åpningstider og kart(?)</p>
+      <p>Historie og tradisjoner</p>
+      <p>Inngang til HMgrisen.no</p>
+      <p>Inngang til foreningene (kanskje under info om DNS over?)</p>
+    </main>
+  );
+}
diff --git a/web/src/components/general/pageHeader.module.scss b/web/src/components/general/pageHeader.module.scss
index fa061cc..7753775 100644
--- a/web/src/components/general/pageHeader.module.scss
+++ b/web/src/components/general/pageHeader.module.scss
@@ -4,4 +4,5 @@
 
 .title {
   font-size: var(--font-size-h1);
+  margin-bottom: 1rem;
 }
\ No newline at end of file
diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx
index fbcbf1e..04e3ba1 100644
--- a/web/src/components/layout/Header.tsx
+++ b/web/src/components/layout/Header.tsx
@@ -75,7 +75,7 @@ export const Header = () => {
             </Link>
           </li>
           <li>
-            <Link href="/" data-active={pathname === "/medlem"}>
+            <Link href="/medlem" data-active={pathname === "/medlem"}>
               Bli medlem
             </Link>
           </li>
@@ -109,7 +109,7 @@ export const Header = () => {
               </Link>
             </li>
             <li className={styles.menuItemLarge}>
-              <Link href="/" data-active={pathname === "/medlem"}>
+              <Link href="/medlem" data-active={pathname === "/medlem"}>
                 Bli medlem
               </Link>
             </li>
@@ -119,7 +119,7 @@ export const Header = () => {
               </Link>
             </li>
             <li>
-              <Link href="/" data-active={pathname === "/om"}>
+              <Link href="/om" data-active={pathname === "/om"}>
                 Om oss
               </Link>
             </li>
@@ -140,12 +140,18 @@ export const Header = () => {
               </label>
             </li>
             <li className={styles.galtinn}>
-              <Link href="/">Mitt medlemskap &rarr;</Link>
+              <a href="https://galtinn.neuf.no/" target="_blank">
+                Mitt medlemskap &rarr;
+              </a>
             </li>
             <li>
               {/* TODO: skal trolig ikke være så synlig ved lansering */}
               <Link href="/lokaler">Lokaler*</Link>
             </li>
+            <li>
+              {/* TODO: skal trolig ikke være så synlig ved lansering */}
+              <Link href="/foreninger">Foreninger*</Link>
+            </li>
           </ul>
         </div>
       </nav>