Function Disqus

components/Disqus.tsx:19–40

({
  identifier,
  title,
  shortname,
  stagingShortname,
}: Props)

}

export default function Disqus({
  identifier,
  title,
  shortname,
  stagingShortname,
}: Props) {
  if (typeof window === 'undefined') return null

  const name = isDev ? stagingShortname : shortname

  if (!name) return null

  const url = window.location.href

  return (
    <Container>
      <PageLayout>
        <DiscussionEmbed shortname={name} config={{ url, identifier, title }} />
      </PageLayout>
    </Container>
  )
}