Undo/redo

[fygure]

For each action to shapes we want to keep track of what happens to them at the App component level

actions:

• adding a shape
• deleting a shape
• dragging a shape (involves keeping track of x & y positions and getting them through onDragStart / onDragEnd events)

General idea: create an array state that and keep track of the current index (number of actions done so far), when a user wants to undo, take the penultimate index value and reload the shape based on the action, this is similar to redo except increasing the index.

[fygure]

Another method is to create the undo/redo functionality similar to how the playbook is implemented