38 lines
		
	
	
		
			863 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			38 lines
		
	
	
		
			863 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { PureComponent } from 'react';
 | |
| 
 | |
| import ImmutablePropTypes from 'react-immutable-proptypes';
 | |
| import { connect } from 'react-redux';
 | |
| 
 | |
| import { Avatar } from 'mastodon/components/avatar';
 | |
| import { makeGetAccount } from 'mastodon/selectors';
 | |
| 
 | |
| const makeMapStateToProps = () => {
 | |
|   const getAccount = makeGetAccount();
 | |
| 
 | |
|   const mapStateToProps = (state, { accountId }) => ({
 | |
|     account: getAccount(state, accountId),
 | |
|   });
 | |
| 
 | |
|   return mapStateToProps;
 | |
| };
 | |
| 
 | |
| class InlineAccount extends 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>
 | |
|     );
 | |
|   }
 | |
| 
 | |
| }
 | |
| 
 | |
| export default connect(makeMapStateToProps)(InlineAccount);
 |