djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix comnfiguration cards filtering

Browse source
This commit is contained in:
dominik-zeglen 2019-10-08 16:24:42 +02:00
parent 3c2a41a185
commit 43b4d8ebce
1 changed files with 29 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/configuration/ConfigurationPage.tsx
View file

@ -99,7 +99,7 @@ export const ConfigurationPage = withStyles(styles, {
})( })(
({ ({
classes, classes,
menu, menu: menus,
user, user,
onSectionClick onSectionClick
}: ConfigurationPageProps & WithStyles<typeof styles>) => { }: ConfigurationPageProps & WithStyles<typeof styles>) => {
@ -110,9 +110,11 @@ export const ConfigurationPage = withStyles(styles, {
className={classes.header} className={classes.header}
title={intl.formatMessage(sectionNames.configuration)} title={intl.formatMessage(sectionNames.configuration)}
/> />
{menu {menus
.filter(menu => .filter(menu =>
menu.menuItems.map(item => hasPermission(item.permission, user)) menu.menuItems.some(menuItem =>
hasPermission(menuItem.permission, user)
)
) )
.map((menu, menuIndex) => ( .map((menu, menuIndex) => (
<div className={classes.configurationCategory} key={menuIndex}> <div className={classes.configurationCategory} key={menuIndex}>
@ -120,28 +122,30 @@ export const ConfigurationPage = withStyles(styles, {
<Typography>{menu.label}</Typography> <Typography>{menu.label}</Typography>
</div> </div>
<div className={classes.configurationItem}> <div className={classes.configurationItem}>
{menu.menuItems.map((item, itemIndex) => ( {menu.menuItems
<Card .filter(menuItem => hasPermission(menuItem.permission, user))
className={item.url ? classes.card : classes.cardDisabled} .map((item, itemIndex) => (
onClick={() => onSectionClick(item.url)} <Card
key={itemIndex} className={item.url ? classes.card : classes.cardDisabled}
> onClick={() => onSectionClick(item.url)}
<CardContent className={classes.cardContent}> key={itemIndex}
<div className={classes.icon}>{item.icon}</div> >
<div> <CardContent className={classes.cardContent}>
<Typography <div className={classes.icon}>{item.icon}</div>
className={classes.sectionTitle} <div>
color="primary" <Typography
> className={classes.sectionTitle}
{item.title} color="primary"
</Typography> >
<Typography className={classes.sectionDescription}> {item.title}
{item.description} </Typography>
</Typography> <Typography className={classes.sectionDescription}>
</div> {item.description}
</CardContent> </Typography>
</Card> </div>
))} </CardContent>
</Card>
))}
</div> </div>
</div> </div>
))} ))}