use primary and secondary for all ListItemText

Signed-off-by: Prasetya Aria Wibawa <prasetya.wibawa@grabtaxi.com>
This commit is contained in:
Prasetya Aria Wibawa
2022-09-22 11:12:19 +07:00
parent f2b4b55636
commit 0f10784155
@@ -144,9 +144,10 @@ export const GroupProfileCard = (props: { variant?: InfoCardVariants }) => {
<EmailIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
<Link to={emailHref}>{profile.email}</Link>
</ListItemText>
<ListItemText
primary={<Link to={emailHref}>{profile.email}</Link>}
secondary="Email"
/>
</ListItem>
)}
<ListItem>
@@ -155,16 +156,19 @@ export const GroupProfileCard = (props: { variant?: InfoCardVariants }) => {
<AccountTreeIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
{parentRelations.length ? (
<EntityRefLinks
entityRefs={parentRelations}
defaultKind="Group"
/>
) : (
'-'
)}
</ListItemText>
<ListItemText
primary={
parentRelations.length ? (
<EntityRefLinks
entityRefs={parentRelations}
defaultKind="Group"
/>
) : (
'N/A'
)
}
secondary="Parent Group"
/>
</ListItem>
<ListItem>
<ListItemIcon>
@@ -172,16 +176,19 @@ export const GroupProfileCard = (props: { variant?: InfoCardVariants }) => {
<GroupIcon />
</Tooltip>
</ListItemIcon>
<ListItemText>
{childRelations.length ? (
<EntityRefLinks
entityRefs={childRelations}
defaultKind="Group"
/>
) : (
'-'
)}
</ListItemText>
<ListItemText
primary={
childRelations.length ? (
<EntityRefLinks
entityRefs={childRelations}
defaultKind="Group"
/>
) : (
'N/A'
)
}
secondary="Child Groups"
/>
</ListItem>
</List>
</Grid>