From 3bc7768bece740d75ea7edf70e12b68d05a71a41 Mon Sep 17 00:00:00 2001
From: Jonny <littlebigjonny06@gmail.com>
Date: Thu, 2 May 2019 08:37:44 +0200
Subject: [PATCH] Add button to return to tournament from statistics

---
 pages/tournament.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/pages/tournament.js b/pages/tournament.js
index 8cf898c..bd20953 100644
--- a/pages/tournament.js
+++ b/pages/tournament.js
@@ -24,7 +24,7 @@ class PrivateTournamentPage extends React.Component {
         // TODO: Change href-prop of the anchor tag to contain the tournament code
         return (<div className='pb-5'>
             <Container>
-                <EditButton id={id} ownerName={ownerUsername} isSignedIn={isSignedIn} username={username}/>
+                <ButtonsBadge id={id} ownerName={ownerUsername} isSignedIn={isSignedIn} username={username}/>
                 <p>{description}</p>
                 <ListGroup>
                     <ListGroupItem>
@@ -50,6 +50,16 @@ function mapStateToTournamentPageProperties(state) {
 
 const TournamentPage = connect(mapStateToTournamentPageProperties)(PrivateTournamentPage);
 
+function ButtonsBadge(props) {
+    const { id, ownerName, isSignedIn, username } = props;
+    return (
+        <div>
+            <EditButton id={id} ownerName={ownerName} isSignedIn={isSignedIn} username={username}/>
+            <StatisticsButton id={id}/>
+        </div>
+    );
+}
+
 function EditButton(props) {
     const {id, ownerName, isSignedIn, username} = props;
 
@@ -60,6 +70,11 @@ function EditButton(props) {
     }
 }
 
+function StatisticsButton(props) {
+    const { id } = props;
+    return <a href={'/t/' + id + '/statistics'} className='btn btn-outline-secondary'>Statistiken zum Turnier</a>;
+}
+
 function getLevelName(levelNumber) {
     const names = ['Finale', 'Halbfinale', 'Viertelfinale', 'Achtelfinale'];
     if (levelNumber < names.length) {