1 files changed, 27 insertions, 0 deletions

diff --git a/language-web/src/main/js/editor/EditorButtons.jsx b/language-web/src/main/js/editor/EditorButtons.jsx
new file mode 100644
index 00000000..b9f0d076
--- /dev/null
+++ b/language-web/src/main/js/editor/EditorButtons.jsx
@@ -0,0 +1,27 @@
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import RedoIcon from '@material-ui/icons/Redo';
+import UndoIcon from '@material-ui/icons/Undo';
+
+import { useRootStore } from '../RootStore';
+
+export default observer(() => {
+  const editorStore = useRootStore().editorStore;
+  return (
+    <>
+      <IconButton
+        disabled={!editorStore.canUndo}
+        onClick={() => editorStore.undo()}
+      >
+        <UndoIcon fontSize='small'/>
+      </IconButton>
+      <IconButton
+        disabled={!editorStore.canRedo}
+        onClick={() => editorStore.redo()}
+      >
+        <RedoIcon fontSize='small'/>
+      </IconButton>
+    </>
+  );
+});