Move Undo/Redo to SnippetBar

client/homebrew/editor/snippetbar/snippetbar.jsx

@@ -22,7 +22,9 @@ const Snippetbar = createClass({
 			onInject        : ()=>{},
 			onToggle        : ()=>{},
 			showEditButtons : true,
-			renderer        : 'legacy'
+			renderer        : 'legacy',
+			undo            : ()=>{},
+			redo            : ()=>{}
 		};
 	},
 
@@ -60,6 +62,14 @@ const Snippetbar = createClass({
 		if(!this.props.showEditButtons) return;
 
 		return <div className='editors'>
+			<div className='editorTool undo'
+				onClick={this.props.undo} >
+				<i className='fas fa-undo' />
+			</div>
+			<div className='editorTool redo'
+				onClick={this.props.redo} >
+				<i className='fas fa-redo' />
+			</div>
 			<div className={cx('text', { selected: this.props.view === 'text' })}
 				 onClick={()=>this.props.onViewChange('text')}>
 				<i className='fa fa-beer' />

client/homebrew/editor/snippetbar/snippetbar.less

@@ -10,7 +10,7 @@
 		top             : 0px;
 		right           : 0px;
 		height          : @menuHeight;
-		width           : 90px;
+		width           : 125px;
 		justify-content : space-between;
 		&>div{
 			height      : @menuHeight;
@@ -30,6 +30,14 @@
 			&.meta{
 				.tooltipLeft('Properties');
 			}
+			&.undo{
+				.tooltipLeft('Undo');
+				font-size : 0.75em;
+			}
+			&.redo{
+				.tooltipLeft('Redo');
+				font-size : 0.75em;
+			}
 		}
 	}
 	.snippetBarButton{