import React from 'react'
import Head from 'next/head'

import reset from 'semantic-ui-css/components/reset.min.css'
import site from 'semantic-ui-css/components/site.min.css'

import { PUBLIC_URL } from '@env'

export default () => (
  <Head>
    <meta charSet='utf-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1' />

    <title>geo.data.gouv.fr</title>
    <meta name='description' content='Trouvez facilement les données géographiques dont vous avez besoin' />

    {/* Twitter Card */}
    <meta name='twitter:card' content='summary' />
    <meta name='twitter:site' content='@geodatagouv' />
    <meta name='twitter:title' content='geo.data.gouv.fr' />
    <meta name='twitter:description' content='Trouvez facilement les données géographiques dont vous avez besoin' />
    <meta name='twitter:image' content={`${PUBLIC_URL}/static/images/geo-data-gouv-logo.jpg`} />

    {/* Open Graph */}
    <meta property='og:title' content='geo.data.gouv.fr' />
    <meta property='og:type' content='website' />
    <meta property='og:url' content={PUBLIC_URL} />
    <meta property='og:image' content={`${PUBLIC_URL}/static/images/geo-data-gouv-logo.jpg`} />
    <meta property='og:description' content='Trouvez facilement les données géographiques dont vous avez besoin' />
    <meta property='og:site_name' content='geo.data.gouv.fr' />

    <meta name='theme-color' content='#ffffff' />

    <link rel='apple-touch-icon' sizes='180x180' href='/static/favicons/apple-icon-180x180.png' />
    <link rel='icon' type='image/png' sizes='16x16' href='/static/favicons/favicon-16x16.png' />
    <link rel='icon' type='image/png' sizes='32x32' href='/static/favicons/favicon-32x32.png' />
    <link rel='manifest' href='/static/favicons/manifest.json' />
    <link rel='mask-icon' href='/static/favicons/safari-pinned-tab.svg' color='#5bbad5' />

    {/* Global style */}
    <style dangerouslySetInnerHTML={{ __html: reset }} />
    <style dangerouslySetInnerHTML={{ __html: site }} />
  </Head>
)

@@ -30,28 +30,104 @@
 ort 
-Head from 'next/head
+PropTypes from 'prop-types'%0Aimport Head from 'next/head'%0Aimport %7B withRouter %7D from 'next/router
 '%0A%0Ai
@@ -285,24 +285,32 @@
 v'%0A%0A
-export default (
+const Meta = (%7B router %7D
 ) =%3E
@@ -1160,16 +1160,32 @@
 BLIC_URL
+ + router.asPath
 %7D /%3E%0A   
@@ -2112,8 +2112,149 @@
 Head%3E%0A)%0A
+%0AMeta.propTypes = %7B%0A  router: PropTypes.shape(%7B%0A    pathname: PropTypes.string.isRequired%0A  %7D).isRequired%0A%7D%0A%0Aexport default withRouter(Meta)%0A

Add missing url opengraph property