diff --git a/frontend/faraday/lib/TileLayout.tsx b/frontend/faraday/lib/TileLayout.tsx index 64ce4057..1dac9ead 100644 --- a/frontend/faraday/lib/TileLayout.tsx +++ b/frontend/faraday/lib/TileLayout.tsx @@ -207,7 +207,7 @@ export const TileLayout = ({ {layoutLeafTransforms && layoutTreeState.leafs.map((leaf) => { return ( - ({ ); }; -interface LeafNodeProps { +interface DisplayNodeProps { /** * The leaf node object, containing the data needed to display the leaf contents to the user. */ @@ -276,16 +276,16 @@ interface LeafNodeProps { const dragItemType = "TILE_ITEM"; /** - * A div representing the leafs of the LayoutTreeState. The actual contents of the leafs are rendered inside these divs and displayed to the user. + * The draggable and displayable portion of a leaf node in a layout tree. */ -const LeafNode = ({ +const DisplayNode = ({ layoutNode, renderContent, renderPreview, transform, onLeafClose, ready, -}: LeafNodeProps) => { +}: DisplayNodeProps) => { const tileNodeRef = useRef(null); const previewRef = useRef(null); @@ -397,7 +397,7 @@ interface OverlayNodeProps { /** * An overlay representing the true flexbox layout of the LayoutTreeState. This holds the drop targets for moving around nodes and is used to calculate the - * dimensions of the corresponding TileNode for each LayoutTreeState leaf. + * dimensions of the corresponding DisplayNode for each LayoutTreeState leaf. */ const OverlayNode = ({ layoutNode, layoutTreeState, dispatch, setRef, deleteRef }: OverlayNodeProps) => { const overlayRef = useRef(null);