View menu icons

webapp/src/components/viewMenu.tsx

@@ -9,7 +9,9 @@ import {Constants} from '../constants'
 import mutator from '../mutator'
 import {Utils} from '../utils'
 import {BoardTree} from '../viewModel/boardTree'
+import AddIcon from '../widgets/icons/add'
 import BoardIcon from '../widgets/icons/board'
+import DeleteIcon from '../widgets/icons/delete'
 import TableIcon from '../widgets/icons/table'
 import Menu from '../widgets/menu'
 
@@ -114,20 +116,24 @@ export class ViewMenu extends React.PureComponent<Props> {
                     <Menu.Text
                         id='__deleteView'
                         name='Delete View'
+                        icon={<DeleteIcon/>}
                         onClick={this.handleDeleteView}
                     />}
                 <Menu.SubMenu
                     id='__addView'
                     name='Add View'
+                    icon={<AddIcon/>}
                 >
                     <Menu.Text
                         id='board'
                         name='Board'
+                        icon={<BoardIcon/>}
                         onClick={this.handleAddViewBoard}
                     />
                     <Menu.Text
                         id='table'
                         name='Table'
+                        icon={<TableIcon/>}
                         onClick={this.handleAddViewTable}
                     />
                 </Menu.SubMenu>

webapp/src/widgets/icons/delete.scss

@@ -1,5 +1,5 @@
 .DeleteIcon {
-    fill: rgba(var(--main-fg), 0.7);
+    fill: rgba(var(--main-fg), 0.5);
     stroke: none;
 	width: 24px;
 	height: 24px;