tournament monitors

[alttp.git] / resources / js / components / tournament / Detail.js

diff --git a/resources/js/components/tournament/Detail.js b/resources/js/components/tournament/Detail.js
index 1afcc29f10611a1e434c13f3a035dcfad3da9cee..cfea60d2bcd8100bb164282bd89017880e15f0da 100644 (file)
--- 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">