12345678910111213141516171819202122232425262728293031323334 |
- import PropTypes from 'prop-types';
- import { FormattedMessage } from 'react-intl';
- import GroupsIcon from '@/material-icons/400-24px/group.svg?react';
- 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'>
- {icon}
- {label}
- {domain && <span className='account-role__domain'>{domain}</span>}
- </div>
- );
- Badge.propTypes = {
- icon: PropTypes.node,
- label: PropTypes.node,
- domain: PropTypes.node,
- };
- Badge.defaultProps = {
- icon: <PersonIcon />,
- };
- export const GroupBadge = () => (
- <Badge icon={<GroupsIcon />} label={<FormattedMessage id='account.badges.group' defaultMessage='Group' />} />
- );
- export const AutomatedBadge = () => (
- <Badge icon={<SmartToyIcon />} label={<FormattedMessage id='account.badges.bot' defaultMessage='Automated' />} />
- );
|