diff options
| author | Noah Loomans <noahloomans@gmail.com> | 2018-02-23 15:32:07 +0100 |
|---|---|---|
| committer | Noah Loomans <noahloomans@gmail.com> | 2018-02-23 15:32:07 +0100 |
| commit | 9b11900a5fbc7b4c9ed8cd46e0bc1c52df12d186 (patch) | |
| tree | 5b6db6dc7b7e86900e8a934d409ee78d43927386 | |
| parent | a89aba671fd70f5ac100a9c893c39dc5e3792b8b (diff) | |
Add proper but functionless menu options
| -rw-r--r-- | src/client/react/components/container/Menu.js | 9 | ||||
| -rw-r--r-- | src/client/style/_component-search.scss | 6 |
2 files changed, 12 insertions, 3 deletions
diff --git a/src/client/react/components/container/Menu.js b/src/client/react/components/container/Menu.js index 2e55fa1..6476d84 100644 --- a/src/client/react/components/container/Menu.js +++ b/src/client/react/components/container/Menu.js @@ -21,6 +21,7 @@ import React from 'react'; import { Button, ButtonIcon } from 'rmwc/Button'; import { SimpleMenu, MenuItem } from 'rmwc/Menu'; +import { Icon } from 'rmwc/Icon'; class Menu extends React.Component { render() { @@ -28,9 +29,11 @@ class Menu extends React.Component { <SimpleMenu handle={<Button><ButtonIcon use="more_vert" /></Button>} > - <MenuItem>Cookies</MenuItem> - <MenuItem>Pizza</MenuItem> - <MenuItem>Icecream</MenuItem> + <MenuItem><Icon use="bookmark_border" />Voeg label toe</MenuItem> + <MenuItem><Icon use="star_border" />Maak favoriet</MenuItem> + <div className="mdc-list-divider" role="separator" /> + <MenuItem><Icon use="location_searching" />Lokaal zoeken</MenuItem> + <MenuItem><Icon use="launch" />Oud rooster gebruiken</MenuItem> </SimpleMenu> ); } diff --git a/src/client/style/_component-search.scss b/src/client/style/_component-search.scss index f5575ac..fafcb4b 100644 --- a/src/client/style/_component-search.scss +++ b/src/client/style/_component-search.scss @@ -75,6 +75,12 @@ font-size: 24px; } } + + .mdc-list-item { + i { + padding-right: 8px; + } + } } &__results { |