- <span>{user.username}</span>
- <span className="text-muted">
- {'#'}
- {user.discriminator}
- </span>
- </span>
-:
- <span>{i18n.t('general.anonymous')}</span>
-;
+ <span>{discriminator ? user.username : getUserName(user)}</span>
+ {discriminator && user.discriminator && user.discriminator !== '0' ?
+ <span className="text-muted">
+ {'#'}
+ {user.discriminator}
+ </span>
+ : null}
+ </>;
+
+ if (noLink) {
+ return <span className="user-box">{content}</span>;
+ }
+
+ return <Button
+ className="user-box"
+ onClick={() => navigate(`/users/${user.id}`)}
+ variant="link"
+ >
+ {content}
+ </Button>;
+};