Base64Png Editor State Control

Base64PngEditor.tsx

const stateControl = useMemo(() => new Base64PngStateControl(), [originalContent]);

const undo = useCallback(() => {
  stateControl.undo();
  updateEditorStateWithCurrentEdit(stateControl.getCurrentBase64PngEdit());
}, [stateControl]);

const redo = useCallback(() => {
  stateControl.redo();
  updateEditorStateWithCurrentEdit(stateControl.getCurrentBase64PngEdit());
}, [stateControl]);

const updateEditorStateWithCurrentEdit = useCallback((edit?: Base64PngEdit) => {
  if (edit) {
    setInvert(edit.invert);
  } else {
    updateEditorToInitialState();
  }
}, []);

const updateEditorToInitialState = useCallback(() => {
  setInvert(INITIAL_INVERT);
}, []);