diff options
Diffstat (limited to 'ui/src/components/sidebar.tsx')
-rw-r--r-- | ui/src/components/sidebar.tsx | 21 |
1 files changed, 7 insertions, 14 deletions
diff --git a/ui/src/components/sidebar.tsx b/ui/src/components/sidebar.tsx index 0f4a0e10..d66266f6 100644 --- a/ui/src/components/sidebar.tsx +++ b/ui/src/components/sidebar.tsx @@ -15,6 +15,7 @@ import { showAvatars, } from '../utils'; import { CommunityForm } from './community-form'; +import { UserListing } from './user-listing'; import { i18n } from '../i18next'; interface SidebarProps { @@ -204,20 +205,12 @@ export class Sidebar extends Component<SidebarProps, SidebarState> { <li class="list-inline-item">{i18n.t('mods')}: </li> {this.props.moderators.map(mod => ( <li class="list-inline-item"> - <Link - class="text-body font-weight-bold" - to={`/u/${mod.user_name}`} - > - {mod.avatar && showAvatars() && ( - <img - height="32" - width="32" - src={pictshareAvatarThumbnail(mod.avatar)} - class="rounded-circle mr-1" - /> - )} - <span>{mod.user_name}</span> - </Link> + <UserListing + user={{ + name: mod.user_name, + avatar: mod.avatar, + }} + /> </li> ))} </ul> |