mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-11 10:55:47 +02:00
Code Issues Releases Wiki Activity

update: forum/components/UserCard

Browse Source
This commit is contained in:
Alexander Skvortsov
2020-08-08 11:47:41 -04:00
committed by Franz Liedke
parent e0d3a8c733
commit 703c3442da
1 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
js/src/forum/components/UserCard.js
View File

@@ -23,29 +23,31 @@ import listItems from '../../common/helpers/listItems';
*/
export default class UserCard extends Component {
view() {
const user = this.props.user;
const user = this.attrs.user;
const controls = UserControls.controls(user, this).toArray();
const color = user.color();
const badges = user.badges().toArray();
return (
<div className={'UserCard ' + (this.props.className || '')} style={color ? { backgroundColor: color } : ''}>
<div className={'UserCard ' + (this.attrs.className || '')} style={color ? { backgroundColor: color } : ''}>
<div className="darkenBackground">
<div className="container">
{controls.length
? Dropdown.component({
children: controls,
className: 'UserCard-controls App-primaryControl',
menuClassName: 'Dropdown-menu--right',
buttonClassName: this.props.controlsButtonClassName,
label: app.translator.trans('core.forum.user_controls.button'),
icon: 'fas fa-ellipsis-v',
})
? Dropdown.component(
{
className: 'UserCard-controls App-primaryControl',
menuClassName: 'Dropdown-menu--right',
buttonClassName: this.attrs.controlsButtonClassName,
label: app.translator.trans('core.forum.user_controls.button'),
icon: 'fas fa-ellipsis-v',
},
controls
)
: ''}
<div className="UserCard-profile">
<h2 className="UserCard-identity">
{this.props.editable ? (
{this.attrs.editable ? (
[AvatarEditor.component({ user, className: 'UserCard-avatar' }), username(user)]
) : (
<a href={app.route.user(user)} config={m.route}>
@@ -72,7 +74,7 @@ export default class UserCard extends Component {
*/
infoItems() {
const items = new ItemList();
const user = this.props.user;
const user = this.attrs.user;
const lastSeenAt = user.lastSeenAt();
if (lastSeenAt) {