From 21cc6fddc58d14a635cafa0add99a39fdbca0e9a Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Wed, 16 Mar 2022 16:38:33 +0100
Subject: [PATCH] don't plaster everything with discriminators

---
 resources/js/components/users/Box.js | 13 ++++++++-----
 resources/sass/results.scss          |  1 +
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/users/Box.js b/resources/js/components/users/Box.js
index 139e6f6..7bbc186 100644
--- a/resources/js/components/users/Box.js
+++ b/resources/js/components/users/Box.js
@@ -5,20 +5,23 @@ import { withTranslation } from 'react-i18next';
 import { getAvatarUrl } from '../../helpers/User';
 import i18n from '../../i18n';
 
-const Box = ({ user }) => user ?
+const Box = ({ discriminator, user }) => user ?
 	<span className="user-box">
 		<img alt="" src={getAvatarUrl(user)} />
 		<span>{user.username}</span>
-		<span className="text-muted">
-			{'#'}
-			{user.discriminator}
-		</span>
+		{discriminator ?
+			<span className="text-muted">
+				{'#'}
+				{user.discriminator}
+			</span>
+		: null}
 	</span>
 :
 	<span>{i18n.t('general.anonymous')}</span>
 ;
 
 Box.propTypes = {
+	discriminator: PropTypes.bool,
 	user: PropTypes.shape({
 		discriminator: PropTypes.string,
 		username: PropTypes.string,
diff --git a/resources/sass/results.scss b/resources/sass/results.scss
index c5a7ce6..1bde555 100644
--- a/resources/sass/results.scss
+++ b/resources/sass/results.scss
@@ -8,6 +8,7 @@
 			justify-content: space-between;
 			margin-top: 1ex;
 			padding: 0.5em;
+			min-width: 15ex;
 			border-radius: 1ex;
 			background: $dark;
 			color: $light;
-- 
2.39.2