function LayoutPost()

in beta/src/components/Layout/LayoutPost.tsx [53:106]
38 lines of code
2 McCabe index (conditional complexity)

function LayoutPost({meta, children}: LayoutPostProps) {
  const {pathname} = useRouter();
  const {date, dateTime} = getDateFromPath(pathname);
  const {route, nextRoute, prevRoute} = useRouteMeta();
  const anchors = React.Children.toArray(children)
    .filter(
      (child: any) =>
        child.props?.mdxType && ['h2', 'h3'].includes(child.props.mdxType)
    )
    .map((child: any) => ({
      url: '#' + child.props.id,
      depth: parseInt(child.props.mdxType.replace('h', ''), 0),
      text: child.props.children,
    }));
  useTwitter();
  return (
    <>
      <div className="w-full px-12">
        <div className="h-full mx-auto max-w-4xl relative pt-16 w-full overflow-x-hidden">
          <Seo title={meta.title} />
          <h1 className="mb-6 pt-8 text-4xl md:text-5xl font-bold leading-snug tracking-tight text-primary dark:text-primary-dark">
            {meta.title}
          </h1>
          <p className="mb-6 text-lgtext-secondary dark:text-secondary-dark">
            By{' '}
            {toCommaSeparatedList(meta.author, (author) => (
              <ExternalLink
                href={getAuthor(author).url}
                className="text-link dark:text-link-dark underline font-bold">
                {getAuthor(author).name}
              </ExternalLink>
            ))}
            <span className="mx-2">·</span>
            <span className="lead inline-flex text-gray-50">
              <time dateTime={dateTime}>{date}</time>
            </span>
          </p>

          <MDXContext.Provider value={MDXComponents}>
            {children}
          </MDXContext.Provider>
          <DocsPageFooter
            route={route}
            nextRoute={nextRoute}
            prevRoute={prevRoute}
          />
        </div>
      </div>
      <div className="w-full lg:max-w-xs h-full hidden 2xl:block">
        <Toc headings={anchors} />
      </div>
    </>
  );
}