From d349de74eeb1b19cc2597066dd6671f07365bb6e Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sat, 18 Dec 2021 17:54:17 +0900
Subject: [PATCH] changed "prev" and "next" string to arrow icons

---
 source/src/pages/Page/NextPrevButtons.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/source/src/pages/Page/NextPrevButtons.tsx b/source/src/pages/Page/NextPrevButtons.tsx
index 2687bc2..39b4037 100644
--- a/source/src/pages/Page/NextPrevButtons.tsx
+++ b/source/src/pages/Page/NextPrevButtons.tsx
@@ -1,6 +1,9 @@
 import styled from "styled-components"
 import { Link } from "react-router-dom"
 
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import { faArrowLeft, faArrowRight } from "@fortawesome/free-solid-svg-icons"
+
 import theming from "../../styles/theming"
 
 const StyledNextPrevContainer = styled.div`
@@ -53,14 +56,22 @@ const NextPrevButtons = (props: { prevURL?: string; nextURL?: string }) => {
 	return (
 		<StyledNextPrevContainer>
 			{props.prevURL ? (
-				<StyledLink to={props.prevURL}>prev</StyledLink>
+				<StyledLink to={props.prevURL}>
+					<FontAwesomeIcon icon={faArrowLeft} />
+				</StyledLink>
 			) : (
-				<StyledDisabledLink>prev</StyledDisabledLink>
+				<StyledDisabledLink>
+					<FontAwesomeIcon icon={faArrowLeft} />
+				</StyledDisabledLink>
 			)}
 			{props.nextURL ? (
-				<StyledLink to={props.nextURL}>next</StyledLink>
+				<StyledLink to={props.nextURL}>
+					<FontAwesomeIcon icon={faArrowRight} />
+				</StyledLink>
 			) : (
-				<StyledDisabledLink>next</StyledDisabledLink>
+				<StyledDisabledLink>
+					<FontAwesomeIcon icon={faArrowRight} />
+				</StyledDisabledLink>
 			)}
 		</StyledNextPrevContainer>
 	)