Add & use HeadLayout

2020-12-15 23:46:05 +01:00
parent 3a15fad116
commit 6cf85536d5
5 changed files with 61 additions and 15 deletions
@@ -0,0 +1,46 @@
+import PropTypes from 'prop-types'
+import Head from 'next/head'
+
+import Navigasyon from './navigasyon'
+
+export default function HeadLayout({
+  children,
+  title,
+  tab
+}) {
+  return (
+    <div>
+      <Head>
+        <title>#OKi - {title ? title : 'Organisation KA Internationale'}</title>
+        <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' />
+        <meta property='og:url' content='https://o-k-i.net' />
+        <meta property='og:type' content='website' />
+        <meta property='og:site_name' content='#OKi' />
+        <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' />
+        <meta property='og:image' content='http://o-k-i.net/logo.png' />
+        <meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
+        <meta property='og:image:type' content='image/png' />
+        <meta property='og:image:width' content='551' />
+        <meta property='og:image:height' content='315' />
+        <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
+      </Head>
+      <Navigasyon selectedTab={tab} />
+      {children}
+    </div>
+  )
+}
+
+HeadLayout.propTypes = {
+  children: PropTypes.node.isRequired,
+  title: PropTypes.string,
+  tab: PropTypes.number.isRequired
+}
+
+HeadLayout.defaultProps = {
+  title: null
+}