diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-06-28 14:11:00 +0200 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-06-28 14:11:00 +0200 |
commit | e61429154d4c06e0362abd55482400a45b7636ab (patch) | |
tree | 5cf66a52d9c2e1769c41ab002d2237089ca5853b /src/client/react/components/presentational/WeekDisplay.js | |
parent | ecc6e06e92f23b16817985e87b2e997b754f527d (diff) |
Extract <WeekDisplay /> from <WeekSelector />
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; |