From 8c2d7412d5f632feadc1876668770dfd7c41cebd Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Sat, 2 Jul 2022 00:19:42 +0200
Subject: [PATCH] Add match position to matches

---
 js/components/Match.js    | 9 ++++++---
 js/redux/tournamentApi.js | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/js/components/Match.js b/js/components/Match.js
index a314d40..b80b3f3 100644
--- a/js/components/Match.js
+++ b/js/components/Match.js
@@ -119,9 +119,12 @@ export class Match extends React.Component {
         }
         return (<div className='mb-3'>
             <Card className={'shadow-sm match '} onClick={this.toggleModal}>
-                <CardBody className={borderClass + ' border py-2 ' + cardClass + ' ' + styles.match_bg}>
-                    <MatchTable match={this.state.match} borderColor={borderClass}/>
-                </CardBody>
+                <div className="d-flex flex-row">
+                    <CardBody className={borderClass + ' border py-2 ' + cardClass + ' ' + styles.match_bg}>
+                        <MatchTable match={this.state.match} borderColor={borderClass}/>
+                    </CardBody>
+                    <span className="badge bg-secondary align-items-center">{this.state.match.position}</span>
+                </div>
             </Card>
             <small className='text-muted'>{smallMessage}</small>
             <MatchModal title='Match' isOpen={this.state.modal} toggle={this.toggleModal} match={this.state.match}
diff --git a/js/redux/tournamentApi.js b/js/redux/tournamentApi.js
index 572e325..b48e2c6 100644
--- a/js/redux/tournamentApi.js
+++ b/js/redux/tournamentApi.js
@@ -88,7 +88,8 @@ function convertGroup(apiGroup) {
 function convertMatch(apiMatch, allowUndecided) {
     const result = {
         id: apiMatch.id, state: apiMatch.state, allowUndecided: allowUndecided,
-        winnerTeamId: apiMatch.winner === null ? null : apiMatch.winner.id
+        winnerTeamId: apiMatch.winner === null ? null : apiMatch.winner.id,
+        position: apiMatch.position + 1
     };
 
     if (apiMatch.match_scores.length === 2) {