site VariableCountryPage.tsx

45% Statements 18/40

100% Branches 0/0

0% Functions 0/1

45% Lines 18/40

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 1x
1x
1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x import * as React from "react"
import { Head } from "./Head"
import { SiteHeader } from "./SiteHeader"
import { SiteFooter } from "./SiteFooter"
import { VariableCountryPageProps } from "./VariableCountryPageProps"
 
export const VariableCountryPage = (props: VariableCountryPageProps) => {
    const { variable, country, baseUrl } = props

    const pageTitle = `${country.name} / ${variable.name}`
    const script = `window.runVariableCountryPage(${JSON.stringify(props)})`

    return (
        <html>
            <Head
                canonicalUrl={`${baseUrl}/search`}
                pageTitle={pageTitle}
                pageDesc="Search articles and charts on Our World in Data."
                baseUrl={baseUrl}
            />
            <body className="VariableCountryPage">
                <SiteHeader baseUrl={baseUrl} />
                <main>{variable.name}</main>
                <SiteFooter baseUrl={baseUrl} />
                <script dangerouslySetInnerHTML={{ __html: script }} />
            </body>
        </html>
    )
}