X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fusers%2FBox.js;h=70006cb13f2998df557130cbb0336efd7b49f597;hb=c5b15dc5518c627daa4f02f653ff900e4fe13db7;hp=7bbc186eaacc54e4e934b8fdef82d2b71aa9b24d;hpb=21cc6fddc58d14a635cafa0add99a39fdbca0e9a;p=alttp.git
diff --git a/resources/js/components/users/Box.js b/resources/js/components/users/Box.js
index 7bbc186..70006cb 100644
--- a/resources/js/components/users/Box.js
+++ b/resources/js/components/users/Box.js
@@ -1,29 +1,50 @@
import PropTypes from 'prop-types';
import React from 'react';
+import { Button } from 'react-bootstrap';
import { withTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
import { getAvatarUrl } from '../../helpers/User';
import i18n from '../../i18n';
-const Box = ({ discriminator, user }) => user ?
-
+const Box = ({ discriminator, noLink, user }) => {
+ const navigate = useNavigate();
+
+ if (!user) {
+ return {i18n.t('general.anonymous')};
+ }
+
+ const content = <>
- {user.username}
+ {discriminator || !user.nickname ? user.username : user.nickname}
{discriminator ?
{'#'}
{user.discriminator}
: null}
-
-:
- {i18n.t('general.anonymous')}
-;
+ >;
+
+ if (noLink) {
+ return {content};
+ }
+
+ return ;
+};
Box.propTypes = {
discriminator: PropTypes.bool,
+ noLink: PropTypes.bool,
user: PropTypes.shape({
discriminator: PropTypes.string,
+ id: PropTypes.string,
+ nickname: PropTypes.string,
username: PropTypes.string,
}),
};