From 0f8e69ca2ec990639081b51b908c606a92e4eb59 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 30 Dec 2021 04:31:23 +0100
Subject: [PATCH 1/4] =?UTF-8?q?Begynn=20p=C3=A5=20Storybook=20story=20for?=
 =?UTF-8?q?=20forside?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 stories/pages/index.stories.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 stories/pages/index.stories.jsx

diff --git a/stories/pages/index.stories.jsx b/stories/pages/index.stories.jsx
new file mode 100644
index 000000000..69281019c
--- /dev/null
+++ b/stories/pages/index.stories.jsx
@@ -0,0 +1,11 @@
+import Index from "../../pages/index"
+
+export default {
+    title: "Pages/Index",
+    component: Index
+}
+
+export const IndexPage = () => <Index />
+
+
+

From e1e8146bb515adf661f90cb050f734aaca29a73f Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 30 Dec 2021 04:36:12 +0100
Subject: [PATCH 2/4] Legg til Typescript i storybook story

---
 stories/pages/Index.stories.tsx | 13 +++++++++++++
 stories/pages/index.stories.jsx | 11 -----------
 2 files changed, 13 insertions(+), 11 deletions(-)
 create mode 100644 stories/pages/Index.stories.tsx
 delete mode 100644 stories/pages/index.stories.jsx

diff --git a/stories/pages/Index.stories.tsx b/stories/pages/Index.stories.tsx
new file mode 100644
index 000000000..bd2a19ccd
--- /dev/null
+++ b/stories/pages/Index.stories.tsx
@@ -0,0 +1,13 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+
+import Index from "../../pages/index"
+
+export default {
+    title: "Pages/Index",
+    component: Index
+} as ComponentMeta<typeof Index>;
+
+export const IndexPage: ComponentStory<typeof Index> = () => <Index />
+
+
+
diff --git a/stories/pages/index.stories.jsx b/stories/pages/index.stories.jsx
deleted file mode 100644
index 69281019c..000000000
--- a/stories/pages/index.stories.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Index from "../../pages/index"
-
-export default {
-    title: "Pages/Index",
-    component: Index
-}
-
-export const IndexPage = () => <Index />
-
-
-

From e9822589b286ae045b1f52a4a2026dbf5c7ab4de Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 30 Dec 2021 04:47:40 +0100
Subject: [PATCH 3/4] Importer CSS i Storybook

---
 .storybook/preview.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index 48afd568a..15e845e7c 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,3 +1,6 @@
+// https://dev.to/jonasmerlin/how-to-use-the-next-js-image-component-in-storybook-1415
+import "../styles/globals.css";
+
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
@@ -6,4 +9,4 @@ export const parameters = {
       date: /Date$/,
     },
   },
-}
\ No newline at end of file
+};

From ea9bc605650ca2dc49e11f070cfca81e828ffcbe Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Thu, 30 Dec 2021 04:48:33 +0100
Subject: [PATCH 4/4] Legg til interessant info om Storybook

---
 .storybook/preview.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index 15e845e7c..d57997aeb 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,4 +1,6 @@
 // https://dev.to/jonasmerlin/how-to-use-the-next-js-image-component-in-storybook-1415
+// https://www.youtube.com/watch?v=i5tvZ9f7gJw
+
 import "../styles/globals.css";
 
 export const parameters = {