From 53f7bda915afc58b97703c0bc45d91a96262d945 Mon Sep 17 00:00:00 2001
From: Francesco Esposito <33671357+frsposito@users.noreply.github.com>
Date: Wed, 31 Jul 2019 15:55:36 +0200
Subject: [PATCH] refactor: SearchForm component

---
 src/components/SearchForm.js | 64 ++++++++++++++++--------------------
 1 file changed, 28 insertions(+), 36 deletions(-)

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index ed12c62..c8f9cfa 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import {
   Row,
   Col,
@@ -15,41 +15,33 @@ const style = {
   backgroundImage: 'linear-gradient(to left, #0eaed3, #8346f6)',
 }
 
-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" style={style}>
-                      {this.props.buttonName}</Button>
-                  </InputGroupAddon>
-                </InputGroup>
-              </FormGroup>
-            </Col>
-          </Row>
-        </Form>
-      </div>
-    );
-  }
+const SearchForm = (props) => {
+  return (
+    <div>
+      <Form onSubmit={props.onSubmit}>
+        <Row form>
+          <Col md={12}>
+            <FormGroup>
+              <InputGroup>
+                <Input
+                  type="input"
+                  name={props.name}
+                  id={props.id}
+                  placeholder={props.placeholder}
+                  onChange={props.onChange}
+                  value={props.ticketId}
+                />
+                <InputGroupAddon addonType="append">
+                  <Button type="submit" style={style}>
+                    {props.buttonName}</Button>
+                </InputGroupAddon>
+              </InputGroup>
+            </FormGroup>
+          </Col>
+        </Row>
+      </Form>
+    </div>
+  );
 }
 
 export default SearchForm;
\ No newline at end of file