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