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