diff options
Diffstat (limited to 'src/client/react/components/presentational/WeekDisplay.js')
-rw-r--r-- | src/client/react/components/presentational/WeekDisplay.js | 26 |
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; |