1 files changed, 26 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/WeekDisplay.js b/src/client/react/components/presentational/WeekDisplay.js
new file mode 100644
index 0000000..38125b2
--- /dev/null
+++ b/src/client/react/components/presentational/WeekDisplay.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class WeekDisplay extends React.Component {
+  static propTypes = {
+    selectedWeek: PropTypes.number.isRequired,
+    currentWeek: PropTypes.number.isRequired,
+  }
+
+  render() {
+    const { selectedWeek, currentWeek } = this.props;
+
+    switch (selectedWeek) {
+      case currentWeek:
+        return `Huidige week • ${selectedWeek}`;
+      case currentWeek + 1:
+        return `Volgende week • ${selectedWeek}`;
+      case currentWeek - 1:
+        return `Vorige week • ${selectedWeek}`;
+      default:
+        return `Week ${selectedWeek}`;
+    }
+  }
+}
+
+export default WeekDisplay;