diff --git a/components/head-layout.js b/components/head-layout.js new file mode 100644 index 0000000..cff94a7 --- /dev/null +++ b/components/head-layout.js @@ -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 ( +
+ + #OKi - {title ? title : 'Organisation KA Internationale'} + + + + + + + + + + + + + + + + + + + {children} +
+ ) +} + +HeadLayout.propTypes = { + children: PropTypes.node.isRequired, + title: PropTypes.string, + tab: PropTypes.number.isRequired +} + +HeadLayout.defaultProps = { + title: null +} diff --git a/pages/awtis.js b/pages/awtis.js index 07bd6e0..55303e0 100644 --- a/pages/awtis.js +++ b/pages/awtis.js @@ -3,23 +3,22 @@ import {Container, Grid} from '@material-ui/core' import {jwennAwtisKantite, jwennAwtisPajinasyon} from '../lib/oki-api' -import Navigasyon from '../components/navigasyon' import AwtisKat from '../components/awtis/awtis-kat' import Pajinasyon from '../components/awtis/pajinasyon' +import HeadLayout from '../components/head-layout' const AWTIS_POU_CHAK_PAJ = process.env.NEXT_PUBLIC_AWTIS_POU_CHAK_PAJ || 6 export default function Awtis({pajTotal, awtisPouChakPaj, paj}) { return ( - <> - + {awtisPouChakPaj.map(anAwtis => )} - + ) } diff --git a/pages/index.js b/pages/index.js index 02cc862..db514f9 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,10 +1,13 @@ import axios from 'axios' - -import Navigasyon from '../components/navigasyon' +import HeadLayout from '../components/head-layout' export default function Home() { return ( - + +
+ Kay-la +
+
) } diff --git a/pages/teks/[slug].js b/pages/teks/[slug].js index 0f73284..bf7f1ed 100644 --- a/pages/teks/[slug].js +++ b/pages/teks/[slug].js @@ -2,15 +2,14 @@ import PropTypes from 'prop-types' import {jwennMizikEpiSlug, jwennTeks} from '../../lib/oki-api' -import Navigasyon from '../../components/navigasyon' import TeksDrawer from '../../components/teks/teks-drawer' +import HeadLayout from '../../components/head-layout' export default function Mizik({miziks, mizik}) { return ( - <> - + - + ) } diff --git a/pages/teks/index.js b/pages/teks/index.js index 2066dec..fc14316 100644 --- a/pages/teks/index.js +++ b/pages/teks/index.js @@ -2,15 +2,14 @@ import PropTypes from 'prop-types' import {jwennTeks} from '../../lib/oki-api' -import Navigasyon from '../../components/navigasyon' import TeksDrawer from '../../components/teks/teks-drawer' +import HeadLayout from '../../components/head-layout' export default function Teks({miziks}) { return ( - <> - + - + ) }