From c34831610ae26c142a6d17046809a009ebe46c83 Mon Sep 17 00:00:00 2001
From: Thor77 <thor77@thor77.org>
Date: Fri, 10 Jun 2022 21:53:40 +0200
Subject: [PATCH] Remove deprecated InputGroupAddon

---
 js/components/EditableMatchTable.js |  8 +++-----
 js/components/EditableStringList.js |  8 +++-----
 js/components/NumericInput.js       | 14 +++++---------
 pages/profile.js                    |  6 ++----
 4 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/js/components/EditableMatchTable.js b/js/components/EditableMatchTable.js
index 2589354..9279fb4 100644
--- a/js/components/EditableMatchTable.js
+++ b/js/components/EditableMatchTable.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Button, Input, InputGroup, InputGroupAddon, Table} from 'reactstrap';
+import {Button, Input, InputGroup, Table} from 'reactstrap';
 
 export function EditableMatchTable(props) {
     return (<Table className='mb-0'>
@@ -49,12 +49,10 @@ class ScoreInput extends React.Component {
 
     render() {
         return (<InputGroup>
-            <InputGroupAddon addonType="prepend"><Button onClick={this.decreaseScore} color='danger'
-                outline={true}>-1</Button></InputGroupAddon>
+            <Button onClick={this.decreaseScore} color='danger' outline={true}>-1</Button>
             <Input className='font-weight-bold' value={this.state.score} onChange={this.inputScore} type='number'
                 step='1' placeholder='0'/>
-            <InputGroupAddon addonType="append"><Button onClick={this.increaseScore}
-                color='success'>+1</Button></InputGroupAddon>
+            <Button onClick={this.increaseScore} color='success'>+1</Button>
         </InputGroup>);
     }
 }
diff --git a/js/components/EditableStringList.js b/js/components/EditableStringList.js
index e161c73..acde336 100644
--- a/js/components/EditableStringList.js
+++ b/js/components/EditableStringList.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-    Alert, Button, Card, CardBody, CardTitle, Input, InputGroup, InputGroupAddon
+    Alert, Button, Card, CardBody, CardTitle, Input, InputGroup
 } from 'reactstrap';
 
 export default class EditableStringList extends React.Component {
@@ -231,10 +231,8 @@ class StringInput extends React.Component {
                         return false;
                     }
                 }}/>
-            <InputGroupAddon addonType="append">
-                <Button color="success" outline={true}
-                    onClick={() => this.submit()}>{this.props.addButtonText}</Button>
-            </InputGroupAddon>
+            <Button color="success" outline={true}
+                onClick={() => this.submit()}>{this.props.addButtonText}</Button>
         </InputGroup>);
     }
 
diff --git a/js/components/NumericInput.js b/js/components/NumericInput.js
index f49c841..5078058 100644
--- a/js/components/NumericInput.js
+++ b/js/components/NumericInput.js
@@ -1,20 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {Button, InputGroup, InputGroupAddon, Input} from 'reactstrap';
+import {Button, InputGroup, Input} from 'reactstrap';
 
 export default class NumericInput extends React.Component {
     render() {
         return (<InputGroup>
-            <InputGroupAddon addonType="prepend">
-                <Button onClick={this.props.decrementCallback} className="btn-width" color={this.props.decrementColor}
-                    outline={this.props.decrementOutline}>{this.props.decrementText}</Button>
-            </InputGroupAddon>
+            <Button onClick={this.props.decrementCallback} className="btn-width" color={this.props.decrementColor}
+                outline={this.props.decrementOutline}>{this.props.decrementText}</Button>
             <Input className='font-weight-bold' value={this.props.value}
                 disabled type='number'/>
-            <InputGroupAddon addonType="append">
-                <Button onClick={this.props.incrementCallback} className="btn-width" color={this.props.incrementColor}
-                    outline={this.props.incrementOutline}>{this.props.incrementText}</Button>
-            </InputGroupAddon>
+            <Button onClick={this.props.incrementCallback} className="btn-width" color={this.props.incrementColor}
+                outline={this.props.incrementOutline}>{this.props.incrementText}</Button>
         </InputGroup>);
     }
 }
diff --git a/pages/profile.js b/pages/profile.js
index 2c261bd..8708e67 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -1,6 +1,6 @@
 import Head from 'next/head';
 import React, {Component} from 'react';
-import {Button, Container, Form, Input, InputGroup, InputGroupAddon, Table} from 'reactstrap';
+import {Button, Container, Form, Input, InputGroup, Table} from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
 import {BigImage} from '../js/components/BigImage';
@@ -87,9 +87,7 @@ class NewMailAddressInput extends Component {
             <InputGroup>
                 <Input type='email' placeholder={this.props.email} onChange={this.onChange} value={this.state.email}
                     required/>
-                <InputGroupAddon addonType='append'>
-                    <Button color='primary' type='submit'>eintragen</Button>
-                </InputGroupAddon>
+                <Button color='primary' type='submit'>eintragen</Button>
             </InputGroup>
         </Form>);
     }