X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fusers%2FBox.js;h=bc4673ee9e12d818c209ced29906346bd3ff8f22;hb=f446d5bcf3b87bd9443a060e27e9c0601c96fbb9;hp=d7ee3af9944ac3c736678f11d40ec0ad1c91cbb8;hpb=a21cc53ca73ca1690f53bc2ec3c2a1a2948d67dd;p=alttp.git

diff --git a/resources/js/components/users/Box.js b/resources/js/components/users/Box.js
index d7ee3af..bc4673e 100644
--- a/resources/js/components/users/Box.js
+++ b/resources/js/components/users/Box.js
@@ -20,7 +20,7 @@ const Box = ({ discriminator, user }) => {
 		variant="link"
 	>
 		<img alt="" src={getAvatarUrl(user)} />
-		<span>{user.username}</span>
+		<span>{discriminator || !user.nickname ? user.username : user.nickname}</span>
 		{discriminator ?
 			<span className="text-muted">
 				{'#'}
@@ -35,6 +35,7 @@ Box.propTypes = {
 	user: PropTypes.shape({
 		discriminator: PropTypes.string,
 		id: PropTypes.string,
+		nickname: PropTypes.string,
 		username: PropTypes.string,
 	}),
 };