function BlogPostPageContent()

in src/theme/BlogPostPage/index.tsx [20:56]

• 37 lines of code
• 6 McCabe index (conditional complexity)

function BlogPostPageContent({
  sidebar,
  children,
}: {
  sidebar: BlogSidebar;
  children: ReactNode;
}): JSX.Element {
  const { metadata, toc } = useBlogPost();
  const { nextItem, prevItem, frontMatter, unlisted } = metadata;
  const {
    hide_table_of_contents: hideTableOfContents,
    toc_min_heading_level: tocMinHeadingLevel,
    toc_max_heading_level: tocMaxHeadingLevel,
  } = frontMatter;
  return (
    <>
      <BlogLayout
        sidebar={sidebar}
        toc={
          !hideTableOfContents && toc.length > 0 ? (
            <TOC
              toc={toc}
              minHeadingLevel={tocMinHeadingLevel}
              maxHeadingLevel={tocMaxHeadingLevel}
            />
          ) : undefined
        }
      >
        {unlisted && <Unlisted />}
        <BlogPostItem>{children}</BlogPostItem>
        {(nextItem || prevItem) && (
          <BlogPostPaginator nextItem={nextItem} prevItem={prevItem} />
        )}
      </BlogLayout>
    </>
  );
}