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.
30 lines
1001 B
30 lines
1001 B
import PureRenderMixin from 'react-addons-pure-render-mixin';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
import Avatar from './avatar';
|
|
import IconButton from './icon_button';
|
|
import DisplayName from './display_name';
|
|
import { Link } from 'react-router';
|
|
|
|
const NavigationBar = React.createClass({
|
|
propTypes: {
|
|
account: ImmutablePropTypes.map.isRequired
|
|
},
|
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
render () {
|
|
return (
|
|
<div style={{ padding: '10px', display: 'flex', cursor: 'default' }}>
|
|
<Avatar src={this.props.account.get('avatar')} size={40} />
|
|
|
|
<div style={{ flex: '1 1 auto', marginLeft: '8px' }}>
|
|
<strong style={{ fontWeight: '500', display: 'block' }}>{this.props.account.get('acct')}</strong>
|
|
<Link to='/settings' style={{ color: '#9baec8', textDecoration: 'none' }}>Settings <i className='fa fa fa-cog' /></Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
});
|
|
|
|
export default NavigationBar;
|