From 4d07c6af59ec67ee46debaffca693c75de69c239 Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Wed, 12 Jul 2023 18:20:37 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8Lagt=20til=20intern=20navbar=20med=20t?=
 =?UTF-8?q?ittel=20"Sprik"=20p=C3=A5=20hovedside=20og=20feilinnmeldingside?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/Header.tsx | 21 +++++++++++++++++++++
 frontend/pages/feil/index.tsx  |  5 ++---
 frontend/pages/index.tsx       |  3 ++-
 3 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 frontend/components/Header.tsx

diff --git a/frontend/components/Header.tsx b/frontend/components/Header.tsx
new file mode 100644
index 0000000..06e0c41
--- /dev/null
+++ b/frontend/components/Header.tsx
@@ -0,0 +1,21 @@
+import { MenuGridIcon } from "@navikt/aksel-icons"
+import { InternalHeader, Dropdown } from "@navikt/ds-react"
+
+const Header = () => {
+    return(
+        <InternalHeader>
+            <InternalHeader.Title href="/#home">
+                Sprik
+            </InternalHeader.Title>
+            <Dropdown>
+                <InternalHeader.Button
+                    as={Dropdown.Toggle}
+                >
+                    <MenuGridIcon title="MenuGridIconer og oppslagsverk" />
+                </InternalHeader.Button>
+            {/* <Dropdown.Menu /> */}
+            </Dropdown>
+        </InternalHeader>
+    )
+}
+export default Header
\ No newline at end of file
diff --git a/frontend/pages/feil/index.tsx b/frontend/pages/feil/index.tsx
index 19fd690..b84a9d1 100644
--- a/frontend/pages/feil/index.tsx
+++ b/frontend/pages/feil/index.tsx
@@ -5,6 +5,7 @@ import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
 import post from "../api/http";
 import { useState } from "react";
 import router from "next/router";
+import Header from "@/components/Header";
 
 export default function Feil() {
     const [tittel, setTittel] = useState("");
@@ -23,9 +24,7 @@ export default function Feil() {
 
     return (
         <main className="flex flex-col h-screen">
-                  
-            <div className="h-12 bg-gray-900"></div>
-
+            <Header/>
             <div className="flex grow">
                 <div className="w-1/4 bg-bg-subtle"></div>
                 <div className="flex flex-col justify-center gap-32 p-16 grow">
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 7ba250b..eec4049 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -1,4 +1,5 @@
 import CardsContainer from "@/components/CardsContainer";
+import Header from "@/components/Header";
 import "@navikt/ds-css";
 import { Button, Heading, Search } from "@navikt/ds-react";
 import router from "next/router";
@@ -10,7 +11,7 @@ export default function Home() {
 
   return (
     <main className="flex flex-col h-screen">
-      <div className="h-12 bg-gray-900"></div>
+      <Header/>
       <div className="flex justify-center grow">
         <div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
           <div className="flex flex-col gap-4 text-center bottom-0">