consistently show parent and child relations in group profile card

Signed-off-by: Prasetya Aria Wibawa <prasetya.wibawa@grabtaxi.com>
This commit is contained in:
Prasetya Aria Wibawa
2022-09-20 18:45:04 +07:00
parent 6ac4abd011
commit f2b4b55636
2 changed files with 31 additions and 24 deletions
@@ -149,38 +149,40 @@ export const GroupProfileCard = (props: { variant?: InfoCardVariants }) => {
</ListItemText>
</ListItem>
)}
{parentRelations.length ? (
<ListItem>
<ListItemIcon>
<Tooltip title="Parent Group">
<AccountTreeIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
<ListItem>
<ListItemIcon>
<Tooltip title="Parent Group">
<AccountTreeIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
{parentRelations.length ? (
<EntityRefLinks
entityRefs={parentRelations}
defaultKind="Group"
/>
</ListItemText>
</ListItem>
) : null}
{childRelations.length ? (
<ListItem>
<ListItemIcon>
<Tooltip title="Child Groups">
<GroupIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
) : (
'-'
)}
</ListItemText>
</ListItem>
<ListItem>
<ListItemIcon>
<Tooltip title="Child Groups">
<GroupIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
{childRelations.length ? (
<EntityRefLinks
entityRefs={childRelations}
defaultKind="Group"
/>
</ListItemText>
</ListItem>
) : null}
) : (
'-'
)}
</ListItemText>
</ListItem>
</List>
</Grid>
</Grid>