user nicknames

[alttp.git] / resources / js / components / users / Box.js

diff --git a/resources/js/components/users/Box.js b/resources/js/components/users/Box.js
index d7ee3af9944ac3c736678f11d40ec0ad1c91cbb8..bc4673ee9e12d818c209ced29906346bd3ff8f22 100644 (file)
--- 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,
        }),
 };