add SearchForm component

This commit is contained in:
frab1t 2019-05-04 21:37:44 +02:00
parent 4b4b31d2d3
commit c504d52beb
1 changed files with 49 additions and 0 deletions

View File

@ -0,0 +1,49 @@
import React, { Component } from 'react';
import {
Row,
Col,
Form,
FormGroup,
InputGroup,
InputGroupAddon,
Input,
Button
} from 'reactstrap';
class SearchForm extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (
<div>
<Form onSubmit={this.props.onSubmit}>
<Row form>
<Col md={12}>
<FormGroup>
<InputGroup>
<Input
type="input"
name={this.props.name}
id={this.props.id}
placeholder={this.props.placeholder}
onChange={this.props.onChange}
value={this.props.ticketId}
/>
<InputGroupAddon addonType="append">
<Button type="submit" color="primary">{this.props.buttonName}</Button>
</InputGroupAddon>
</InputGroup>
</FormGroup>
</Col>
</Row>
</Form>
</div>
);
}
}
export default SearchForm;