Add & use HeadLayout

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 (
-    <>
-      <Navigasyon selectedTab={1} />
+    <HeadLayout title='Awtis' tab={1}>
       <Pajinasyon pajTotal={pajTotal} paj={paj} />
       <Container>
         <Grid container spacing={4}>
           {awtisPouChakPaj.map(anAwtis => <AwtisKat key={anAwtis._id} anAwtis={anAwtis} />)}
         </Grid>
       </Container>
-    </>
+    </HeadLayout>
   )
 }