1 files changed, 7 insertions, 18 deletions
diff --git a/src/client/react/components/presentational/WeekSelector.js b/src/client/react/components/presentational/WeekSelector.js
index 9f69121..e47a175 100644
--- a/src/client/react/components/presentational/WeekSelector.js
+++ b/src/client/react/components/presentational/WeekSelector.js
@@ -28,6 +28,7 @@ import ArrowForwardIcon from 'react-icons/lib/md/arrow-forward';
 import purifyWeek from '../../lib/purifyWeek';
 
 import './WeekSelector.scss';
+import WeekDisplay from './WeekDisplay';
 
 class WeekSelector extends React.Component {
   static propTypes = {
@@ -36,23 +37,6 @@ class WeekSelector extends React.Component {
     setWeek: PropTypes.func.isRequired,
   };
 
-  getWeekText() {
-    const { week } = this.props;
-
-    const currentWeek = moment().week();
-
-    switch (week) {
-      case currentWeek:
-        return `Huidige week • ${week}`;
-      case currentWeek + 1:
-        return `Volgende week • ${week}`;
-      case currentWeek - 1:
-        return `Vorige week • ${week}`;
-      default:
-        return `Week ${week}`;
-    }
-  }
-
   updateWeek(change) {
     const { week, setWeek } = this.props;
     const newWeek = purifyWeek(week + change);
@@ -62,13 +46,18 @@ class WeekSelector extends React.Component {
   }
 
   render() {
+    const { week } = this.props;
+
     return (
       <div className="WeekSelector">
         <button type="button" onClick={() => this.updateWeek(-1)}>
           <ArrowBackIcon />
         </button>
         <div className="text">
-          {this.getWeekText()}
+          <WeekDisplay
+            selectedWeek={week}
+            currentWeek={moment().week()}
+          />
         </div>
         <button type="button" onClick={() => this.updateWeek(+1)}>
           <ArrowForwardIcon />