chart - undo, redo

packages/web/src/charts/ChartToolbar.js

@@ -2,7 +2,7 @@ import React from 'react';
 import useHasPermission from '../utility/useHasPermission';
 import ToolbarButton from '../widgets/ToolbarButton';
 
-export default function ChartToolbar({ save }) {
+export default function ChartToolbar({ save, modelState, dispatchModel }) {
   const hasPermission = useHasPermission();
 
   return (
@@ -12,6 +12,12 @@ export default function ChartToolbar({ save }) {
           Save
         </ToolbarButton>
       )}
+      <ToolbarButton disabled={!modelState.canUndo} onClick={() => dispatchModel({ type: 'undo' })} icon="icon undo">
+        Undo
+      </ToolbarButton>
+      <ToolbarButton disabled={!modelState.canRedo} onClick={() => dispatchModel({ type: 'redo' })} icon="icon redo">
+        Redo
+      </ToolbarButton>
     </>
   );
 }

packages/web/src/tabs/ChartTab.js

@@ -67,7 +67,10 @@ export default function ChartTab({ tabVisible, toolbarPortalRef, conid, database
       {toolbarPortalRef &&
         toolbarPortalRef.current &&
         tabVisible &&
-        ReactDOM.createPortal(<ChartToolbar save={saveFileModalState.open} />, toolbarPortalRef.current)}
+        ReactDOM.createPortal(
+          <ChartToolbar save={saveFileModalState.open} modelState={modelState} dispatchModel={dispatchModel} />,
+          toolbarPortalRef.current
+        )}
     </>
   );
 }