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