kyber

1
import { Helmet } from 'react-helmet-async'
2
import { HOST } from '../../constants'
3

4
interface HelmetWrapperProps {
5
  path: string,
6
  title: string
7
}
8

9
export function HelmetWrapper({path, title}: HelmetWrapperProps) {
10
  const url = `${HOST}${path}`
11
  const structuredDataJson = {
12
    '@context': 'http://schema.org/',
13
    '@type': 'VideoGame',
14
    'name': title,
15
    'url': url
16
    // 'description': description // TODO: pass description?
17
  }
18

19
  return(
20
    <Helmet>
21
      <title>{title}</title>
22
      <link rel="canonical" href={url} />
23
      <meta name="og:url" property="og:url" content={url} />
24
      <meta name="og:title" property="og:title" content={title} />
25
      <meta name="twitter:title" content={title} />
26
      <script type="application/ld+json">{JSON.stringify(structuredDataJson)}</script>
27
    </Helmet>
28
  )
29
}