Fix navigation tab

2026-04-21 19:32:58 +04:00
parent 0eccb35172
commit b0597dbcca
1 changed files with 23 additions and 22 deletions
@@ -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} />