diff options
Diffstat (limited to 'src/client/react/components/container')
-rw-r--r-- | src/client/react/components/container/WeekSelector.js | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/client/react/components/container/WeekSelector.js b/src/client/react/components/container/WeekSelector.js index eef8d8d..d5ba752 100644 --- a/src/client/react/components/container/WeekSelector.js +++ b/src/client/react/components/container/WeekSelector.js @@ -4,6 +4,9 @@ import moment from 'moment'; import queryString from 'query-string'; import { withRouter } from 'react-router-dom'; +import ArrowBackIcon from 'react-icons/lib/md/arrow-back'; +import ArrowForwardIcon from 'react-icons/lib/md/arrow-forward'; + import purifyWeek from '../../lib/purifyWeek'; const WeekSelector = ({ urlWeek, location, history }) => { @@ -18,10 +21,10 @@ const WeekSelector = ({ urlWeek, location, history }) => { }; return ( - <div> - <button onClick={() => updateWeek(-1)}>Prev</button> - Week {urlWeek} - <button onClick={() => updateWeek(+1)}>Next</button> + <div className="week-selector"> + <button onClick={() => updateWeek(-1)}><ArrowBackIcon /></button> + <div className="text">Week {urlWeek}</div> + <button onClick={() => updateWeek(+1)}><ArrowForwardIcon /></button> </div> ); }; |