@let profileUser = displayedUser(); @let isEditable = editable(); @let activeField = editingField(); @let statusColor = currentStatusColor(); @let statusLabel = currentStatusLabel();
@if (isEditable) {
@if (activeField === 'displayName') { } @else { }

{{ profileUser.username }}

@if (profileUser.gameActivity; as activity) {

@if (activity.store?.url) { } @else { {{ 'profile.card.playingActivity' | translate: { name: activity.name } }} } {{ gameActivityElapsed() }}

}
@if (activeField === 'description') { } @else { }
@if (profileUser.gameActivity; as activity) {
@if (activity.iconUrl) { } @else {
}

{{ 'profile.card.playing' | translate }}

@if (activity.store?.url) { } @else {

{{ activity.name }}

}

{{ gameActivityElapsed() }}

}
} @else {

{{ profileUser.displayName }}

{{ profileUser.username }}

@if (profileUser.gameActivity; as activity) {
@if (activity.iconUrl) { } @else {
}

{{ 'profile.card.playing' | translate }}

@if (activity.store?.url) { } @else {

{{ activity.name }}

}

{{ gameActivityElapsed() }}

} @if (profileUser.description) {

{{ profileUser.description }}

} } @if (avatarError()) {
{{ avatarError() }}
} @if (isEditable) {
@if (showStatusMenu()) {
@for (opt of statusOptions(); track opt.label) { }
}
} @else {
{{ statusLabel }}
}