From 2d8fd3734bc918c4801a6b82e48804f128000898 Mon Sep 17 00:00:00 2001
From: Jonny <littlebigjonny06@gmail.com>
Date: Tue, 18 Jun 2019 12:15:09 +0200
Subject: [PATCH] Adjust the usage of WarningPopup to its new implementation

---
 pages/tournament-edit.js | 55 ++++++++++++++++++++--------------------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/pages/tournament-edit.js b/pages/tournament-edit.js
index 339725c..b5e429c 100644
--- a/pages/tournament-edit.js
+++ b/pages/tournament-edit.js
@@ -181,38 +181,37 @@ class EditTournamentForm extends React.Component {
                     onChange={this.handlePublicInput.bind(this)}/>
                 <label htmlFor="isPublic" className="custom-control-label">Das Turnier öffentlich anzeigen</label>
             </div>
+            <FormGroup>
+                <Label for="playoff-teams-amount">Anzahl Teams in der Playoff-Stage</Label>
+                <Col xs="3" className="pl-0">
+                    <NumericInput value={this.state.playoffTeamsAmount}
+                        incrementText="&#215;2" incrementCallback={this.increasePlayoffTeamsAmount}
+                        decrementText="&#247;2" decrementCallback={this.decreasePlayoffTeamsAmount}/>
+                </Col>
+            </FormGroup>
+            <FormGroup>
+                <Label for="instant-finalists-amount">
+                    Anzahl Teams, die direkt in die Playoff-Stage weiter kommen</Label>
+                <Col xs="3" className="pl-0">
+                    <NumericInput value={this.state.instantFinalistAmount}
+                        incrementText="+1" incrementCallback={this.increaseInstantFinalistsAmount}
+                        decrementText="-1" decrementCallback={this.decreaseInstantFinalistsAmount}/>
+                </Col>
+            </FormGroup>
+            <FormGroup>
+                <Label for="intermediate-round-participants">
+                    Anzahl Teams, die in einer Zwischenrunde um die Playoff-Stage spielen müssen</Label>
+                <Col xs="3" className="pl-0">
+                    <NumericInput value={this.state.intermediateRoundParticipants}
+                        incrementText="+1" incrementCallback={this.increaseIntermediateRoundParticipants}
+                        decrementText="-1" decrementCallback={this.decreaseIntermediateRoundParticipants}/>
+                </Col>
+            </FormGroup>
             <WarningPopup
                 text="Die Anzahl der Teams im Playoff muss der Anzahl an Teams, die direkt im Playoff sind
                 plus der Hälfte der Anzahl an Teams in der Zwischenrunde entsprechen."
                 shown={this.state.playoffTeamsAmount !== this.state.instantFinalistAmount +
-                (this.state.intermediateRoundParticipants / 2)}>
-                <FormGroup>
-                    <Label for="playoff-teams-amount">Anzahl Teams in der Playoff-Stage</Label>
-                    <Col xs="3" className="pl-0">
-                        <NumericInput value={this.state.playoffTeamsAmount}
-                            incrementText="&#215;2" incrementCallback={this.increasePlayoffTeamsAmount}
-                            decrementText="&#247;2" decrementCallback={this.decreasePlayoffTeamsAmount}/>
-                    </Col>
-                </FormGroup>
-                <FormGroup>
-                    <Label for="instant-finalists-amount">
-                        Anzahl Teams, die direkt in die Playoff-Stage weiter kommen</Label>
-                    <Col xs="3" className="pl-0">
-                        <NumericInput value={this.state.instantFinalistAmount}
-                            incrementText="+1" incrementCallback={this.increaseInstantFinalistsAmount}
-                            decrementText="-1" decrementCallback={this.decreaseInstantFinalistsAmount}/>
-                    </Col>
-                </FormGroup>
-                <FormGroup>
-                    <Label for="intermediate-round-participants">
-                        Anzahl Teams, die in einer Zwischenrunde um die Playoff-Stage spielen müssen</Label>
-                    <Col xs="3" className="pl-0">
-                        <NumericInput value={this.state.intermediateRoundParticipants}
-                            incrementText="+1" incrementCallback={this.increaseIntermediateRoundParticipants}
-                            decrementText="-1" decrementCallback={this.decreaseIntermediateRoundParticipants}/>
-                    </Col>
-                </FormGroup>
-            </WarningPopup>
+                (this.state.intermediateRoundParticipants / 2)}/>
             <div className="form-group">
                 <div className="input-group">
                     <Button color="success" className="px-5" id="edittournament-button"