From 344f52cb5c42b3a0cee3066ce203f670ae80475c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sat, 22 May 2021 23:43:21 +0200
Subject: [PATCH] Update Navigasyon with Kont page

---
 components/navigasyon.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/components/navigasyon.js b/components/navigasyon.js
index 19478fb..792fd83 100644
--- a/components/navigasyon.js
+++ b/components/navigasyon.js
@@ -7,21 +7,24 @@ import AppBar from '@material-ui/core/AppBar'
 import Tabs from '@material-ui/core/Tabs'
 import Tab from '@material-ui/core/Tab'
 import HomeIcon from '@material-ui/icons/Home'
-import PersonIcon from '@material-ui/icons/Person'
 import MenuBookIcon from '@material-ui/icons/MenuBook'
+import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver'
+import AccountCircleIcon from '@material-ui/icons/AccountCircle'
 import Typography from '@material-ui/core/Typography'
 import Box from '@material-ui/core/Box'
 
 const tabRouteHref = [
   '/',
   '/awtis?paj&paj=1',
-  '/teks'
+  '/teks',
+  '/kont'
 ]
 
 const tabRouteAs = [
   '/',
   '/awtis/paj/1',
-  '/teks'
+  '/teks',
+  '/kont'
 ]
 
 function TabPanel(props) {
@@ -92,13 +95,15 @@ export default function Navigasyon({selectedTab}) {
           onChange={handleChange}
         >
           <Tab label='Kay-la' icon={<HomeIcon style={{fontSize: 30}} />} {...a11yProps(0)} />
-          <Tab label='Awtis' icon={<PersonIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
+          <Tab label='Awtis' icon={<RecordVoiceOverIcon style={{fontSize: 30}} />} {...a11yProps(1)} />
           <Tab label='Tèks' icon={<MenuBookIcon style={{fontSize: 30}} />} {...a11yProps(2)} />
+          <Tab label='Kont' icon={<AccountCircleIcon style={{fontSize: 30}} />} {...a11yProps(3)} />
         </Tabs>
       </AppBar>
       <TabPanel value={value} index={0} />
       <TabPanel value={value} index={1} />
       <TabPanel value={value} index={2} />
+      <TabPanel value={value} index={3} />
     </div>
   )
 }