Add the role ID to the badge component (#29707)

shrike
Renaud Chaput 2024-03-22 12:59:35 +01:00 committed by GitHub
parent 05eda8d193
commit ec1e770fea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 3 deletions

View File

@ -7,8 +7,8 @@ import PersonIcon from '@/material-icons/400-24px/person.svg?react';
import SmartToyIcon from '@/material-icons/400-24px/smart_toy.svg?react'; import SmartToyIcon from '@/material-icons/400-24px/smart_toy.svg?react';
export const Badge = ({ icon, label, domain }) => ( export const Badge = ({ icon, label, domain, roleId }) => (
<div className='account-role'> <div className='account-role' data-account-role-id={roleId}>
{icon} {icon}
{label} {label}
{domain && <span className='account-role__domain'>{domain}</span>} {domain && <span className='account-role__domain'>{domain}</span>}
@ -19,6 +19,7 @@ Badge.propTypes = {
icon: PropTypes.node, icon: PropTypes.node,
label: PropTypes.node, label: PropTypes.node,
domain: PropTypes.node, domain: PropTypes.node,
roleId: PropTypes.string
}; };
Badge.defaultProps = { Badge.defaultProps = {

View File

@ -408,7 +408,7 @@ class Header extends ImmutablePureComponent {
} }
account.get('roles', []).forEach((role) => { account.get('roles', []).forEach((role) => {
badges.push(<Badge key={`role-badge-${role.get('id')}`} label={<span>{role.get('name')}</span>} domain={domain} />); badges.push(<Badge key={`role-badge-${role.get('id')}`} label={<span>{role.get('name')}</span>} domain={domain} roleId={role.get('id')} />);
}); });
return ( return (