export default function PageMetadata()

in src/components/blog/PageMetadata/index.tsx [24:62]

32 lines of code
10 McCabe index (conditional complexity)


export default function PageMetadata({
  title,
  ogType = 'website',
  description,
  keywords,
  image,
  children,
}: PageMetadataProps): JSX.Element {
  // const pageTitle = useTitleFormatter(title);
  const {withBaseUrl} = useBaseUrlUtils();
  const pageImage = image ? withBaseUrl(image, {absolute: true}) : undefined;

  return (
    <Head>
      {title && <title>{title} | Answer</title>}
      <meta property="og:site_name" content='Answer'/>
      <meta property="og:type" content={ogType} />
      {title && <meta property="og:title" content={`${title} | Answer`} />}

      {description && <meta name="description" content={description} />}
      {description && <meta property="og:description" content={description} />}

      {keywords && (
        <meta
          name="keywords"
          content={
            // https://github.com/microsoft/TypeScript/issues/17002
            (Array.isArray(keywords) ? keywords.join(',') : keywords) as string
          }
        />
      )}

      {pageImage && <meta property="og:image" content={pageImage} />}
      {pageImage && <meta name="twitter:image" content={pageImage} />}

      {children}
    </Head>
  );
}