mirror of https://github.com/franjsco/tick3t
add SearchForm component
This commit is contained in:
parent
4b4b31d2d3
commit
c504d52beb
|
@ -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;
|
Loading…
Reference in New Issue