diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-06-26 21:46:41 +0200 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-06-26 21:46:41 +0200 |
commit | 315adeb5e2012b7f7bcfcd1478f9d6dd2cc1092d (patch) | |
tree | 17ecdc44866845b679ca69337041856df3cab33c /src/client/react/components/container/Menu.js | |
parent | d95009ed42a3a94c947bccbed8a436cbf6b9306c (diff) |
Update code to comply with new styling
Diffstat (limited to 'src/client/react/components/container/Menu.js')
-rw-r--r-- | src/client/react/components/container/Menu.js | 38 |
1 files changed, 30 insertions, 8 deletions
diff --git a/src/client/react/components/container/Menu.js b/src/client/react/components/container/Menu.js index 0b5c4dc..474444d 100644 --- a/src/client/react/components/container/Menu.js +++ b/src/client/react/components/container/Menu.js @@ -44,14 +44,20 @@ class Menu extends React.Component { onItemSelected(index) { switch (index) { case 'room_finder': { - const user = userFromMatch(this.props.match); + const { + match, + location, + history, + dispatch, + } = this.props; + const user = userFromMatch(match); if (user == null || users.byId[user].type !== 'r') { // We are not currently viewing a room, correct the situation. - setUser(users.allRoomIds[0], this.props.location, this.props.history); + setUser(users.allRoomIds[0], location, history); } - this.props.dispatch({ type: 'ROOM_FINDER/SHOW' }); + dispatch({ type: 'ROOM_FINDER/SHOW' }); break; } default: @@ -63,17 +69,33 @@ class Menu extends React.Component { return ( <div className="Menu"> <SimpleMenu - handle={<Button><ButtonIcon use="more_vert" /></Button>} + handle={( + <Button> + <ButtonIcon use="more_vert" /> + </Button> +)} onSelected={(event) => { // Send the `data-type` of the selected <MenuItem /> this.onItemSelected(event.detail.item.dataset.type); }} > - <MenuItem data-type="add_label"><Icon use="bookmark_border" />Voeg label toe</MenuItem> - <MenuItem data-type="make_favorite"><Icon use="star_border" />Maak favoriet</MenuItem> + <MenuItem data-type="add_label"> + <Icon use="bookmark_border" /> +Voeg label toe + </MenuItem> + <MenuItem data-type="make_favorite"> + <Icon use="star_border" /> +Maak favoriet + </MenuItem> <div className="mdc-list-divider" role="separator" /> - <MenuItem data-type="room_finder"><Icon use="location_searching" />Lokaal zoeken</MenuItem> - <MenuItem data-type="use_legacy_schedule"><Icon use="launch" />Oud rooster gebruiken</MenuItem> + <MenuItem data-type="room_finder"> + <Icon use="location_searching" /> +Lokaal zoeken + </MenuItem> + <MenuItem data-type="use_legacy_schedule"> + <Icon use="launch" /> +Oud rooster gebruiken + </MenuItem> </SimpleMenu> </div> ); |