Remove deprecated InputGroupAddon

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'
+            <Button onClick={this.decreaseScore} color='danger' outline={true}>-1</Button>
-                outline={true}>-1</Button></InputGroupAddon>
             <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}
+            <Button onClick={this.increaseScore} color='success'>+1</Button>
-                color='success'>+1</Button></InputGroupAddon>
         </InputGroup>);
     }
 }

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}
-                <Button color="success" outline={true}
+                onClick={() => this.submit()}>{this.props.addButtonText}</Button>
-                    onClick={() => this.submit()}>{this.props.addButtonText}</Button>
-            </InputGroupAddon>
         </InputGroup>);
     }
 

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}
-                <Button onClick={this.props.decrementCallback} className="btn-width" color={this.props.decrementColor}
+                outline={this.props.decrementOutline}>{this.props.decrementText}</Button>
-                    outline={this.props.decrementOutline}>{this.props.decrementText}</Button>
-            </InputGroupAddon>
             <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}
-                <Button onClick={this.props.incrementCallback} className="btn-width" color={this.props.incrementColor}
+                outline={this.props.incrementOutline}>{this.props.incrementText}</Button>
-                    outline={this.props.incrementOutline}>{this.props.incrementText}</Button>
-            </InputGroupAddon>
         </InputGroup>);
     }
 }

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>
-                    <Button color='primary' type='submit'>eintragen</Button>
-                </InputGroupAddon>
             </InputGroup>
         </Form>);
     }