Add new tab /soutyen

This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-02-19 22:09:15 +04:00
parent 174e5f2a0b
commit 5d4f717ab1
+7 -3
View File
@@ -32,14 +32,16 @@ const tabRouteHref = [
'/', '/',
'/teks', '/teks',
'/awtis?paj&paj=1', '/awtis?paj&paj=1',
'/soumet' '/soumet',
'/soutyen'
] ]
const tabRouteAs = [ const tabRouteAs = [
'/', '/',
'/teks', '/teks',
'/awtis/paj/1', '/awtis/paj/1',
'/soumet' '/soumet',
'/soutyen'
] ]
function TabPanel(props) { function TabPanel(props) {
@@ -94,13 +96,13 @@ export default function Navigasyon({selectedTab}) {
<AppBar style={{zIndex: 1, boxShadow: 'none'}} position='fixed' color='default'> <AppBar style={{zIndex: 1, boxShadow: 'none'}} position='fixed' color='default'>
<Tabs <Tabs
allowScrollButtonsMobile allowScrollButtonsMobile
scrollButtons
centered={Boolean(!isMobile)} centered={Boolean(!isMobile)}
value={selectedTab} value={selectedTab}
indicatorColor='primary' indicatorColor='primary'
textColor='primary' textColor='primary'
aria-label='tabs menu' aria-label='tabs menu'
variant={isMobile ? 'scrollable' : 'fullWidth'} variant={isMobile ? 'scrollable' : 'fullWidth'}
scrollButtons='auto'
sx={{ sx={{
[`& .${tabsClasses.scrollButtons}`]: { [`& .${tabsClasses.scrollButtons}`]: {
'&.Mui-disabled': {opacity: 0.3}, '&.Mui-disabled': {opacity: 0.3},
@@ -112,12 +114,14 @@ export default function Navigasyon({selectedTab}) {
<Tab label='Textes' {...a11yProps(1)} /> <Tab label='Textes' {...a11yProps(1)} />
<Tab label='Artistes' {...a11yProps(2)} /> <Tab label='Artistes' {...a11yProps(2)} />
<Tab label='Soumettre' {...a11yProps(3)} /> <Tab label='Soumettre' {...a11yProps(3)} />
<Tab label='Nous soutenir' {...a11yProps(4)} />
</Tabs> </Tabs>
</AppBar> </AppBar>
<TabPanel value={value} index={0} /> <TabPanel value={value} index={0} />
<TabPanel value={value} index={1} /> <TabPanel value={value} index={1} />
<TabPanel value={value} index={2} /> <TabPanel value={value} index={2} />
<TabPanel value={value} index={3} /> <TabPanel value={value} index={3} />
<TabPanel value={value} index={4} />
</div> </div>
</Appdiv> </Appdiv>
) )