From 39e1e3e7bbb0b6f8d251cb004980f3b05218016a Mon Sep 17 00:00:00 2001
From: edvardds <edvardds@stud.ntnu.no>
Date: Wed, 23 Sep 2020 18:58:13 +0200
Subject: [PATCH] changed navigation button to arrown icon

---
 frontend/src/Components/NavButton.tsx |  11 +++++++++--
 frontend/src/Media/left-arrow.png     | Bin 0 -> 6983 bytes
 frontend/src/Media/right-arrow.png    | Bin 0 -> 2640 bytes
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/Media/left-arrow.png
 create mode 100644 frontend/src/Media/right-arrow.png

diff --git a/frontend/src/Components/NavButton.tsx b/frontend/src/Components/NavButton.tsx
index 3e7ce43..cde5bf0 100644
--- a/frontend/src/Components/NavButton.tsx
+++ b/frontend/src/Components/NavButton.tsx
@@ -1,6 +1,8 @@
 import React, {useContext} from 'react';
 import usePoetry from "./usePoetry";
 import {PageContext} from "./MainPage";
+import leftarrow from "../Media/left-arrow.png";
+import rightarrow from "../Media/right-arrow.png";
 
 type props = {
   direction: string;
@@ -16,8 +18,13 @@ const NavButton = (props: props) => {
   };
 
   return (
-    <button onClick={onClick}>{props.direction}</button>
+    <img
+      src={props.direction === "right" ? rightarrow : leftarrow}
+      style={{ width: '4rem', height: '4rem' }}
+      onClick={onClick}
+    />
+    // <button onClick={onClick}>{props.direction}</button>
   )
 };
 
-export default NavButton;
\ No newline at end of file
+export default NavButton;
diff --git a/frontend/src/Media/left-arrow.png b/frontend/src/Media/left-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b01afd0f7165095251c072072e07ea59671d357
GIT binary patch
literal 6983
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

literal 0
HcmV?d00001

diff --git a/frontend/src/Media/right-arrow.png b/frontend/src/Media/right-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..91c3d80fc3340c26c907ffb1d5c85c328af86c9a
GIT binary patch
literal 2640
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

literal 0
HcmV?d00001

-- 
GitLab