From f8f06f9fad453bd0737d6ecaa7685e787a42d4d9 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Tue, 30 Jan 2018 13:14:54 +0100
Subject: Add styling to week selector

---
 src/client/react/components/container/WeekSelector.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/client/react/components/container')

diff --git a/src/client/react/components/container/WeekSelector.js b/src/client/react/components/container/WeekSelector.js
index eef8d8d..d5ba752 100644
--- a/src/client/react/components/container/WeekSelector.js
+++ b/src/client/react/components/container/WeekSelector.js
@@ -4,6 +4,9 @@ import moment from 'moment';
 import queryString from 'query-string';
 import { withRouter } from 'react-router-dom';
 
+import ArrowBackIcon from 'react-icons/lib/md/arrow-back';
+import ArrowForwardIcon from 'react-icons/lib/md/arrow-forward';
+
 import purifyWeek from '../../lib/purifyWeek';
 
 const WeekSelector = ({ urlWeek, location, history }) => {
@@ -18,10 +21,10 @@ const WeekSelector = ({ urlWeek, location, history }) => {
   };
 
   return (
-    <div>
-      <button onClick={() => updateWeek(-1)}>Prev</button>
-      Week {urlWeek}
-      <button onClick={() => updateWeek(+1)}>Next</button>
+    <div className="week-selector">
+      <button onClick={() => updateWeek(-1)}><ArrowBackIcon /></button>
+      <div className="text">Week {urlWeek}</div>
+      <button onClick={() => updateWeek(+1)}><ArrowForwardIcon /></button>
     </div>
   );
 };
-- 
cgit v1.1