Long description

The block labeled App is at the top of the figure that reads PaintingList EditPaintingForm. An arrow labeled paintings points from the top to PaintingList. An arrow labeled currentPainting points from the top to PaintingList and EditPaintingForm. currentPainting is passed as prop to EditPaintingForm. Note: Contains two items in state.

An arrow labeled changePainting points from the bottom to PaintingList and an arrow labeled updatePainting points the bottom to EditPaintingForm. ChangePainting is passed as prop to PaintingList. Note: Contains handler methods for data-changing events.

The code block reads Line 1: open angle bracket article className equals open double quotes app close double quotes close angle bracket, at indentation level 0.

Line 2: open angle bracket Header undo equals open curly brace undoChanges close curly brace forward slash close angle bracket, at indentation level 1.

Line 3: open angle bracket div className equals open double quotes box close double quotes close angle bracket, at indentation level 1.

Line 4: open angle bracket PaintingList paintings equals open curly brace paintings close curly brace, at indentation level 2.

Line 5: current equals open curly brace currentPainting close curly brace change equals open curly brace changePainting close curly brace forward slash close angle bracket, at indentation level 3.

Line 6: open angle bracket EditPaintingForm current equals open curly brace currentPainting close curly brace update equals open curly brace updatePainting close curly brace forward slash close angle bracket, at indentation level 2.

Line7: open angle bracket forward slash div close angle bracket, at indentation level 1.

Line 8: open angle bracket forward slash article close angle bracket, at indentation level 0.