Function SiteReflectionSummary

site/ui/SiteNodeSection.tsx:113–147

({
  node,
})

};

const SiteReflectionSummary: FunctionComponent<{readonly node: Node}> = ({
  node,
}) => {
  const children = getSkippedChildren(node);
  const {thumbnail} = getThumbnailMarkdown(node);
  const parts = [<NodeSummary node={node} key="summary" readMore={true} />];

  if (children.length > 0) {
    parts.push(
      <ul key="children">
        {children.map((child, key) => (
          <SiteNodeSectionItem key={key} node={child} />
        ))}
      </ul>,
    );
  }
  if (node.essential) {
    parts.unshift(
      <div className="essential" key="essential">
        Essential
      </div>,
    );
  }

  return (
    <SiteSection
      title={<NodeName node={node} />}
      id={node.url}
      dataId={node.id}
      thumbnail={thumbnail}
    >
      {parts}
    </SiteSection>
  );
};

const SiteNodeSectionBlock: FunctionComponent<{
  readonly children: ReactNode;