From b0597dbcca5ae7aa8af47e7e3e7cc72f2215785f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Tue, 21 Apr 2026 19:32:58 +0400
Subject: [PATCH] Fix navigation tab

---
 components/navigasyon.js | 45 ++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/components/navigasyon.js b/components/navigasyon.js
index 3021fe6..444e134 100644
--- a/components/navigasyon.js
+++ b/components/navigasyon.js
@@ -106,28 +106,29 @@ export default function Navigasyon() {
     <Appdiv>
       <div className={classes.root}>
         <AppBar style={{zIndex: 1, boxShadow: 'none'}} position='fixed' color='default'>
-          <Tabs
-            allowScrollButtonsMobile
-            scrollButtons
-            centered={Boolean(!isMobile)}
-            value={selectedTab}
-            indicatorColor='primary'
-            textColor='primary'
-            aria-label='tabs menu'
-            variant={isMobile ? 'scrollable' : 'fullWidth'}
-            sx={{
-              [`& .${tabsClasses.scrollButtons}`]: {
-                '&.Mui-disabled': {opacity: 0.3},
-              },
-            }}
-            onChange={handleChange}
-          >
-            <Tab icon={<HomeIcon />} aria-label='Accueil' {...a11yProps(0)} />
-            <Tab icon={<VolunteerActivismIcon />} aria-label='Nous soutenir' {...a11yProps(1)} />
-            <Tab icon={<MusicNoteIcon />} aria-label='Paroles' {...a11yProps(2)} />
-            <Tab icon={<RecordVoiceOverIcon />} aria-label='Artistes' {...a11yProps(3)} />
-            <Tab icon={<EditNoteIcon />} aria-label='Proposer des paroles' {...a11yProps(4)} />
-          </Tabs>
+          {selectedTab !== undefined && <Tabs
+              allowScrollButtonsMobile
+              scrollButtons
+              centered={Boolean(!isMobile)}
+              value={selectedTab}
+              indicatorColor='primary'
+              textColor='primary'
+              aria-label='tabs menu'
+              variant={isMobile ? 'scrollable' : 'fullWidth'}
+              sx={{
+                [`& .${tabsClasses.scrollButtons}`]: {
+                  '&.Mui-disabled': {opacity: 0.3},
+                },
+              }}
+              onChange={handleChange}
+            >
+              <Tab icon={<HomeIcon />} aria-label='Accueil' {...a11yProps(0)} />
+              <Tab icon={<VolunteerActivismIcon />} aria-label='Nous soutenir' {...a11yProps(1)} />
+              <Tab icon={<MusicNoteIcon />} aria-label='Paroles' {...a11yProps(2)} />
+              <Tab icon={<RecordVoiceOverIcon />} aria-label='Artistes' {...a11yProps(3)} />
+              <Tab icon={<EditNoteIcon />} aria-label='Proposer des paroles' {...a11yProps(4)} />
+            </Tabs>
+          }
         </AppBar>
         <TabPanel value={value} index={0} />
         <TabPanel value={value} index={1} />