diff options
author | Renaud Chaput <renchap@gmail.com> | 2024-03-22 12:59:35 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-03-22 11:59:35 +0000 |
commit | ec1e770feaef81574482b841bc04a286f9dc7249 (patch) | |
tree | f26f23f71a636e87a5e102b4fa0bdde4a22df34b | |
parent | 05eda8d19330a9c27c0cf07de19a87edff269057 (diff) |
Add the role ID to the badge component (#29707)
-rw-r--r-- | app/javascript/mastodon/components/badge.jsx | 5 | ||||
-rw-r--r-- | app/javascript/mastodon/features/account/components/header.jsx | 2 |
2 files changed, 4 insertions, 3 deletions
diff --git a/app/javascript/mastodon/components/badge.jsx b/app/javascript/mastodon/components/badge.jsx index 646655c249b..5e0b2587bd6 100644 --- a/app/javascript/mastodon/components/badge.jsx +++ b/app/javascript/mastodon/components/badge.jsx @@ -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'; -export const Badge = ({ icon, label, domain }) => ( - <div className='account-role'> +export const Badge = ({ icon, label, domain, roleId }) => ( + <div className='account-role' data-account-role-id={roleId}> {icon} {label} {domain && <span className='account-role__domain'>{domain}</span>} @@ -19,6 +19,7 @@ Badge.propTypes = { icon: PropTypes.node, label: PropTypes.node, domain: PropTypes.node, + roleId: PropTypes.string }; Badge.defaultProps = { diff --git a/app/javascript/mastodon/features/account/components/header.jsx b/app/javascript/mastodon/features/account/components/header.jsx index ecb1108dedc..e9d6071a21f 100644 --- a/app/javascript/mastodon/features/account/components/header.jsx +++ b/app/javascript/mastodon/features/account/components/header.jsx @@ -408,7 +408,7 @@ class Header extends ImmutablePureComponent { } 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 ( |