From d611bc90eab94fbce54e9e5485f15c20abf1ad31 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Sun, 20 Mar 2022 23:49:17 +0100
Subject: [PATCH] show roles in participation table

---
 .../js/components/users/Participation.js      | 40 ++++++++++++++-----
 resources/js/i18n/de.js                       |  6 +++
 resources/js/i18n/en.js                       |  6 +++
 3 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/resources/js/components/users/Participation.js b/resources/js/components/users/Participation.js
index e45fcf6..d0d5d68 100644
--- a/resources/js/components/users/Participation.js
+++ b/resources/js/components/users/Participation.js
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Alert, Button } from 'react-bootstrap';
+import { Alert, Button, Table } from 'react-bootstrap';
 import { withTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
@@ -14,16 +14,34 @@ const Participation = ({ user }) => {
 			{i18n.t('users.participationEmpty')}
 		</Alert>;
 	}
-	return <div className="participation">
-		{user.participation.map(p => <div key={p.id}>
-			<Button
-				onClick={() => navigate(`/tournaments/${p.tournament_id}`)}
-				variant="link"
-			>
-				{p.tournament.title}
-			</Button>
-		</div>)}
-	</div>;
+	return <Table className="participation">
+		<thead>
+			<tr>
+				<th>{i18n.t('participants.tournament')}</th>
+				<th>{i18n.t('participants.roles')}</th>
+			</tr>
+		</thead>
+		<tbody>
+		{user.participation.map(p => <tr key={p.id}>
+			<td>
+				<Button
+					onClick={() => navigate(`/tournaments/${p.tournament_id}`)}
+					variant="link"
+				>
+					{p.tournament.title}
+				</Button>
+			</td>
+			<td>
+				{p.roles ? p.roles.map((role, index) =>
+					<span key={role}>
+						{index === 0 ? '' : ', '}
+						{i18n.t(`participants.roleNames.${role}`)}
+					</span>
+				) : null}
+			</td>
+		</tr>)}
+		</tbody>
+	</Table>;
 };
 
 Participation.propTypes = {
diff --git a/resources/js/i18n/de.js b/resources/js/i18n/de.js
index 87806b2..9552005 100644
--- a/resources/js/i18n/de.js
+++ b/resources/js/i18n/de.js
@@ -105,6 +105,12 @@ export default {
 			empty: 'Noch keine Teilnehmer eingetragen',
 			heading: 'Teilnehmer',
 			participant: 'Teilnehmer',
+			roleNames: {
+				admin: 'Administrator',
+				runner: 'Runner',
+			},
+			roles: 'Teilnahme als',
+			tournament: 'Turnier',
 			score: 'Punktzahl',
 		},
 		protocol: {
diff --git a/resources/js/i18n/en.js b/resources/js/i18n/en.js
index 533ba51..24be59f 100644
--- a/resources/js/i18n/en.js
+++ b/resources/js/i18n/en.js
@@ -105,6 +105,12 @@ export default {
 			empty: 'No participants on record',
 			heading: 'Participants',
 			participant: 'Participant',
+			roleNames: {
+				admin: 'Administrator',
+				runner: 'Runner',
+			},
+			roles: 'Participated as',
+			tournament: 'Tournament',
 			score: 'Score',
 		},
 		protocol: {
-- 
2.39.2