Add proper but functionless menu options

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 {