Function SiteNodeSectionBlock

site/ui/SiteNodeSection.tsx:153–193

({children, node, summary = false})

  readonly node: Node;
  readonly summary?: boolean;
}> = ({children, node, summary = false}) => {
  const isSingle = useIsSingle();
  const {body, summary: cleanedSummary, thumbnail} = getThumbnailMarkdown(node);
  const summaryMarkdown = getSummaryMarkdown(node);
  const parts = [];

  if (summary ? summaryMarkdown : cleanedSummary) {
    parts.push(
      <Markdown
        html={true}
        markdown={
          (summary ? summaryMarkdown : cleanedSummary) +
          getReadMore(summary, isSingle, node)
        }
        key="summary"
      />,
    );
  }
  if (!summary && body) {
    parts.push(<Markdown html={true} markdown={body} key="body" />);
  }
  parts.push(children);
  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={summary ? thumbnail : undefined}
    >
      {parts}
    </SiteSection>
  );
};

const SiteNodeSectionItem: FunctionComponent<{readonly node: Node}> = ({
  node,