2020-12-15 23:46:05 +01:00
import PropTypes from 'prop-types'
import Head from 'next/head'
import Navigasyon from './navigasyon'
2020-12-24 13:40:04 +01:00
const siteUrl = process . env . NEXT _PUBLIC _SITE _URL || 'http://localhost:3000'
2020-12-15 23:46:05 +01:00
export default function HeadLayout ( {
children ,
title ,
2020-12-24 13:39:07 +01:00
tab ,
slug
2020-12-15 23:46:05 +01:00
} ) {
return (
< div >
< Head >
< title > # OKi - { title ? title : 'Organisation KA Internationale' } < / t i t l e >
2020-12-24 13:40:04 +01:00
< link rel = 'canonical' href = { ` ${ slug ? ` ${ siteUrl } / ${ slug } ` : siteUrl } ` } / >
2020-12-23 00:08:43 +01:00
< link rel = 'manifest' href = '/manifest.json' / >
2020-12-23 23:39:20 +01:00
< link rel = 'icon' type = 'image/png' sizes = '72x72' href = '/logo-72x72.png' / >
< link rel = 'icon' type = 'image/png' sizes = '96x96' href = '/logo-96x96.png' / >
2020-12-23 00:08:43 +01:00
< link rel = 'apple-touch-icon' href = '/logo-96x96.png' / >
2020-12-23 23:39:20 +01:00
< meta name = 'application-name' content = '#OKi - Organisation KA Internationale' / >
< meta name = 'twitter:card' content = 'summary' / >
2020-12-24 13:40:04 +01:00
< meta name = 'twitter:url' content = { ` ${ slug ? ` ${ siteUrl } / ${ slug } ` : siteUrl } ` } / >
< meta name = 'twitter:title' content = '#OKi - Organisation KA Internationale' / >
< meta name = 'twitter:description' content = { ` #OKi - ${ title ? title : 'Organisation KA Internationale' } ` } / >
2020-12-23 23:39:20 +01:00
< meta name = 'twitter:image' content = 'https://o-k-i.net/logo-192x192.png' / >
< meta name = 'twitter:creator' content = '@oki_972' / >
2020-12-24 13:40:04 +01:00
< meta name = 'twitter:site' content = '@oki_972' / >
2020-12-23 00:08:43 +01:00
< meta name = 'theme-color' content = '#303030' / >
< meta name = 'apple-mobile-web-app-status-bar' content = '#303030' / >
2020-12-15 23:46:05 +01:00
< meta charSet = 'utf-8' / >
< meta name = 'description' content = '#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' / >
< meta name = 'author' content = 'Ced' / >
< meta name = 'viewport' content = 'minimum-scale=1, initial-scale=1, width=device-width' / >
2020-12-24 13:40:04 +01:00
< meta property = 'og:url' content = { ` ${ slug ? ` ${ siteUrl } / ${ slug } ` : siteUrl } ` } / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:type' content = 'website' / >
2020-12-24 13:40:04 +01:00
< meta property = 'og:site_name' content = { ` #OKi - ${ title ? title : 'Organisation KA Internationale' } ` } / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:title' content = { ` #OKi - ${ title ? title : 'Organisation KA Internationale' } ` } / >
< meta property = 'og:description' content = '#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' / >
< meta property = 'og:locale' content = 'fr_FR' / >
2020-12-22 23:14:54 +01:00
< meta property = 'og:image' content = 'http://o-k-i.net/logo-128x73.png' / >
< meta property = 'og:image:secure_url' content = 'https://o-k-i.net/logo-128x73.png' / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:image:type' content = 'image/png' / >
2020-12-22 23:14:54 +01:00
< meta property = 'og:image:width' content = '128' / >
< meta property = 'og:image:height' content = '73' / >
2020-12-15 23:46:05 +01:00
< meta property = 'og:image:alt' content = 'Logo #OKi - Organisation KA Internationale' / >
< / H e a d >
< Navigasyon selectedTab = { tab } / >
{ children }
< / d i v >
)
}
HeadLayout . propTypes = {
children : PropTypes . node . isRequired ,
title : PropTypes . string ,
2020-12-24 13:39:07 +01:00
tab : PropTypes . number . isRequired ,
slug : PropTypes . string
2020-12-15 23:46:05 +01:00
}
HeadLayout . defaultProps = {
2020-12-24 13:39:07 +01:00
title : null ,
slug : null
2020-12-15 23:46:05 +01:00
}
