From 3cc29eafc2eb13e020f58ba9896597491ab7b888 Mon Sep 17 00:00:00 2001
From: Thor77 <thor77@thor77.org>
Date: Fri, 10 Jun 2022 22:34:37 +0200
Subject: [PATCH] Remove deprecated CustomInput

---
 pages/create.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/pages/create.js b/pages/create.js
index 1729d13..bace474 100644
--- a/pages/create.js
+++ b/pages/create.js
@@ -9,7 +9,6 @@ import {
     Col,
     Collapse,
     Container,
-    CustomInput,
     Form,
     FormGroup,
     Input,
@@ -101,14 +100,23 @@ class CreateTournamentForm extends React.Component {
                     <Input type="text" name="description" size="255" value={this.state.description}
                         onChange={this.handleDescriptionInput}/>
                 </FormGroup>
-                <FormGroup>
-                    <CustomInput type="checkbox" id="public"
-                        label="Turnier öffentlich anzeigen (schreibgeschützt)" checked={this.state.public}
-                        onChange={this.handlePublicInput}/>
-                    <CustomInput type="checkbox" id="mix-teams" label="Teams mischen"/>
-                    <CustomInput type="checkbox" id="group-phase" label="Gruppenphase"
-                        checked={this.state.groupPhaseEnabled}
-                        onChange={this.handleGroupPhaseEnabledInput}/>
+                <FormGroup tag="fieldset">
+                    <FormGroup check>
+                        <Label for="public" check>Turnier öffentlich anzeigen (schreibgeschützt)</Label>
+                        <Input type="checkbox" id="public"
+                            checked={this.state.public}
+                            onChange={this.handlePublicInput}/>
+                    </FormGroup>
+                    <FormGroup check>
+                        <Label for="mix-teams" check>Teams mischen</Label>
+                        <Input type="checkbox" id="mix-teams"/>
+                    </FormGroup>
+                    <FormGroup check>
+                        <Label for="group-phase" check>Gruppenphase</Label>
+                        <Input type="checkbox" id="group-phase"
+                            checked={this.state.groupPhaseEnabled}
+                            onChange={this.handleGroupPhaseEnabledInput}/>
+                    </FormGroup>
                 </FormGroup>
                 <Collapse isOpen={this.state.groupPhaseEnabled}>
                     <FormGroup>