refactor: SearchForm component

src/components/SearchForm.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import {
   Row,
   Col,
@@ -15,32 +15,25 @@ const style = {
   backgroundImage: 'linear-gradient(to left, #0eaed3, #8346f6)',
 }
 
-class SearchForm extends Component {
+const SearchForm = (props) => {
-  constructor(props) {
-    super(props);
-
-    this.state = {};
-  }
-
-  render() {
   return (
     <div>
-        <Form onSubmit={this.props.onSubmit}>
+      <Form onSubmit={props.onSubmit}>
         <Row form>
           <Col md={12}>
             <FormGroup>
               <InputGroup>
                 <Input
                   type="input"
-                    name={this.props.name}
+                  name={props.name}
-                    id={this.props.id}
+                  id={props.id}
-                    placeholder={this.props.placeholder}
+                  placeholder={props.placeholder}
-                    onChange={this.props.onChange}
+                  onChange={props.onChange}
-                    value={this.props.ticketId}
+                  value={props.ticketId}
                 />
                 <InputGroupAddon addonType="append">
                   <Button type="submit" style={style}>
-                      {this.props.buttonName}</Button>
+                    {props.buttonName}</Button>
                 </InputGroupAddon>
               </InputGroup>
             </FormGroup>
@@ -50,6 +43,5 @@ class SearchForm extends Component {
     </div>
   );
 }
-}
 
 export default SearchForm;