X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftournament%2FDetail.js;fp=resources%2Fjs%2Fcomponents%2Ftournament%2FDetail.js;h=cfea60d2bcd8100bb164282bd89017880e15f0da;hb=a748d5724c8acff6e3bb3fe6c20aa5968b65d58a;hp=1afcc29f10611a1e434c13f3a035dcfad3da9cee;hpb=84f8491f7f503162a503bfbfc35d8585015b56dd;p=alttp.git

diff --git a/resources/js/components/tournament/Detail.js b/resources/js/components/tournament/Detail.js
index 1afcc29..cfea60d 100644
--- a/resources/js/components/tournament/Detail.js
+++ b/resources/js/components/tournament/Detail.js
@@ -14,8 +14,10 @@ import {
 } from '../../helpers/permissions';
 import {
 	getTournamentAdmins,
+	getTournamentMonitors,
 	hasRunners,
 	hasTournamentAdmins,
+	hasTournamentMonitors,
 } from '../../helpers/Tournament';
 import { withUser } from '../../helpers/UserContext';
 import i18n from '../../i18n';
@@ -66,6 +68,16 @@ const Detail = ({
 					)}
 				</>
 			: null}
+			{hasTournamentMonitors(tournament) ?
+				<>
+					<div className="d-flex align-items-center justify-content-between">
+						<h2>{i18n.t('tournaments.monitors')}</h2>
+					</div>
+					{getTournamentMonitors(tournament).map(p =>
+						<p key={p.id}><Box user={p.user} /></p>
+					)}
+				</>
+			: null}
 		</Col>
 		<Col lg={{ order: 1, span: 8 }} xl={{ order: 1, span: 9 }}>
 			<div className="d-flex align-items-center justify-content-between">