diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-02-23 15:06:20 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-02-23 15:06:20 +0100 |
commit | a89aba671fd70f5ac100a9c893c39dc5e3792b8b (patch) | |
tree | 1f06e4dd7446dc00d20b6e84ae7926baa448ed8a /src/client/react | |
parent | a345bd0f554ec83b5b994752f30dca9d09dc9e67 (diff) |
Add a menu
Diffstat (limited to 'src/client/react')
-rw-r--r-- | src/client/react/components/container/Menu.js | 39 | ||||
-rw-r--r-- | src/client/react/components/container/Search.js | 2 |
2 files changed, 41 insertions, 0 deletions
diff --git a/src/client/react/components/container/Menu.js b/src/client/react/components/container/Menu.js new file mode 100644 index 0000000..2e55fa1 --- /dev/null +++ b/src/client/react/components/container/Menu.js @@ -0,0 +1,39 @@ +/** + * Copyright (C) 2018 Noah Loomans + * + * This file is part of rooster.hetmml.nl. + * + * rooster.hetmml.nl is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * rooster.hetmml.nl is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with rooster.hetmml.nl. If not, see <http://www.gnu.org/licenses/>. + * + */ + +import React from 'react'; +import { Button, ButtonIcon } from 'rmwc/Button'; +import { SimpleMenu, MenuItem } from 'rmwc/Menu'; + +class Menu extends React.Component { + render() { + return ( + <SimpleMenu + handle={<Button><ButtonIcon use="more_vert" /></Button>} + > + <MenuItem>Cookies</MenuItem> + <MenuItem>Pizza</MenuItem> + <MenuItem>Icecream</MenuItem> + </SimpleMenu> + ); + } +} + +export default Menu; diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js index 30ccad8..9c67667 100644 --- a/src/client/react/components/container/Search.js +++ b/src/client/react/components/container/Search.js @@ -29,6 +29,7 @@ import SearchIcon from 'react-icons/lib/md/search'; import { userFromMatch } from '../../lib/url'; import users from '../../users'; +import Menu from './Menu'; import Results from './Results'; import IconFromUserType from '../presentational/IconFromUserType'; @@ -160,6 +161,7 @@ class Search extends React.Component { onBlur={this.onBlur} autoComplete="off" /> + <Menu /> </div> <Results /> </div> |