gui/components/single/DerivedStrips

The derived children shown beneath the main image on the single view. Instead of three separate strips (Re-Rolls / Variations / Resizes), every child sits in ONE grid directly below the main image, colour-coded by kind (re-roll / variation / resize) with a per-thumb tooltip and a small legend. Each kind's in-flight derivations show as a live spinner placeholder. The whole block is omitted when there are no children and nothing pending.

Description:

  • The derived children shown beneath the main image on the single view. Instead of three separate strips (Re-Rolls / Variations / Resizes), every child sits in ONE grid directly below the main image, colour-coded by kind (re-roll / variation / resize) with a per-thumb tooltip and a small legend. Each kind's in-flight derivations show as a live spinner placeholder. The whole block is omitted when there are no children and nothing pending.

Source:

(require("gui/components/single/DerivedStrips"))(props) → {JSX.Element|null}

Description:

  • The derived-children grid.

Source:
Parameters:
Name Type Description
props object
Properties
Name Type Description
item object

The current gallery item (its children).
items Array.<object>

The feed (to resolve child items).
derivations Array.<object>

In-flight derivations { parentPath, kind }.
onNavigate function

(item) — open a child image.
Returns:
Type
JSX.Element | null