You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
835 B
34 lines
835 B
import React from 'react'; |
|
import ImmutablePropTypes from 'react-immutable-proptypes'; |
|
import { connect } from 'react-redux'; |
|
import { makeGetAccount } from 'mastodon/selectors'; |
|
import Avatar from 'mastodon/components/avatar'; |
|
|
|
const makeMapStateToProps = () => { |
|
const getAccount = makeGetAccount(); |
|
|
|
const mapStateToProps = (state, { accountId }) => ({ |
|
account: getAccount(state, accountId), |
|
}); |
|
|
|
return mapStateToProps; |
|
}; |
|
|
|
export default @connect(makeMapStateToProps) |
|
class InlineAccount extends React.PureComponent { |
|
|
|
static propTypes = { |
|
account: ImmutablePropTypes.map.isRequired, |
|
}; |
|
|
|
render () { |
|
const { account } = this.props; |
|
|
|
return ( |
|
<span className='inline-account'> |
|
<Avatar size={13} account={account} /> <strong>{account.get('username')}</strong> |
|
</span> |
|
); |
|
} |
|
|
|
}
|
|
|