From e61429154d4c06e0362abd55482400a45b7636ab Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 28 Jun 2018 14:11:00 +0200
Subject: Extract <WeekDisplay /> from <WeekSelector />

---
 .../react/components/presentational/WeekDisplay.js | 26 ++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/client/react/components/presentational/WeekDisplay.js

(limited to 'src/client/react/components/presentational/WeekDisplay.js')

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;
-- 
cgit v1.1