From 765c6a42cd7e3d69c0a14d51b2e98cfe67a95fbc Mon Sep 17 00:00:00 2001
From: LBlend <lblend@protonmail.com>
Date: Thu, 5 Aug 2021 17:51:01 +0200
Subject: [PATCH] make back button link to previous page

---
 src/components/items/back.js         |  7 +++++--
 src/components/items/back.module.css | 10 ++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/items/back.js b/src/components/items/back.js
index 0745b6f..1e5c933 100644
--- a/src/components/items/back.js
+++ b/src/components/items/back.js
@@ -5,10 +5,13 @@ import { Link } from "gatsby"
 import { FaArrowLeft } from "react-icons/fa"
 
 const Back = () => (
-  <Link to="/" className={styles.container}>
+  <button
+    className={`${styles.container} ${styles.button}`}
+    onClick={() => window.history.back()}
+  >
     <FaArrowLeft />
     <p>Tilbake</p>
-  </Link>
+  </button>
 )
 
 export default Back
diff --git a/src/components/items/back.module.css b/src/components/items/back.module.css
index 217c8d9..3d6da57 100644
--- a/src/components/items/back.module.css
+++ b/src/components/items/back.module.css
@@ -4,3 +4,13 @@
   justify-content: center;
   gap: 0.5rem;
 }
+
+.button {
+  background: none;
+  border: none;
+  color: var(--link-color);
+}
+.button:hover,
+.button *:hover {
+  color: var(--link-color-hover);
+}