From e6b299a756d1728a1113f1028f5f659d4dff9c9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20H=C3=A5rek=20Andreassen?= <tim@harek.no>
Date: Sat, 30 Mar 2024 15:51:53 +0100
Subject: [PATCH] feat: Add Header-component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
---
 components/Header.tsx | 10 ++++++++++
 routes/index.tsx      |  8 ++------
 2 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 components/Header.tsx

diff --git a/components/Header.tsx b/components/Header.tsx
new file mode 100644
index 0000000..b2e499e
--- /dev/null
+++ b/components/Header.tsx
@@ -0,0 +1,10 @@
+export default function Header() {
+  return (
+    <div className="text-center">
+      <h1 className="text-2xl lg:text-3xl font-semibold">
+        <a href="/">📻 NRSS</a>
+      </h1>
+      <h2 className="lg:text-xl">NRK-podcast som RSS</h2>
+    </div>
+  );
+}
diff --git a/routes/index.tsx b/routes/index.tsx
index d8f4062..073e894 100644
--- a/routes/index.tsx
+++ b/routes/index.tsx
@@ -1,5 +1,6 @@
 import { Head } from "$fresh/runtime.ts";
 import { Handlers, PageProps } from "$fresh/server.ts";
+import Header from "../components/Header.tsx";
 import Search from "../components/Search.tsx";
 import SeriesCard from "../components/SeriesCard.tsx";
 import { nrkRadio, SearchResultList } from "../lib/nrk.ts";
@@ -29,12 +30,7 @@ export default function Home({ data }: PageProps<HandlerData>) {
         <title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
       </Head>
       <div className="p-4 mx-auto max-w-screen-md">
-        <div className="text-center">
-          <h1 className="text-2xl lg:text-3xl font-semibold">
-            <a href="/">📻 NRSS</a>
-          </h1>
-          <h2 className="lg:text-xl">NRK-podcast som RSS</h2>
-        </div>
+        <Header />
         <Search defaultValue={data.query} />
         {data.result
           ? (