Add user icon next to username. Closes #1655

This commit is contained in:
Gabe Kangas
2022-01-12 10:10:49 -08:00
parent 5ff5c87674
commit 814c65eeb7
3 changed files with 49 additions and 1 deletions

View File

@@ -95,6 +95,9 @@ export default class UsernameForm extends Component {
const moderatorFlag = html`
<img src="/img/moderator-nobackground.svg" class="moderator-flag" />
`;
const userIcon = html`
<img src="/img/user-icon.svg" class="user-icon-flag" />
`;
return html`
<div id="user-info" class="whitespace-nowrap">
@@ -109,7 +112,7 @@ export default class UsernameForm extends Component {
id="username-display"
class="text-indigo-100 text-xs font-semibold truncate overflow-hidden whitespace-no-wrap ${isModerator &&
'moderator-flag'}"
>${isModerator && moderatorFlag}${username}</span
>${isModerator ? moderatorFlag : userIcon}${username}</span
>
</div>