mirror of
https://github.com/franjsco/tick3t
synced 2025-06-05 22:19:18 +02:00
add SearchForm component
This commit is contained in:
49
src/components/SearchForm.js
Normal file
49
src/components/SearchForm.js
Normal 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;
|
Reference in New Issue
Block a user