Add styling to week selector

1 files changed, 7 insertions, 4 deletions

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>
   );
 };