Merge pull request #9 from malithmcr/dev

key pro

Author: malithmcr

README.md

@@ -20,6 +20,9 @@ Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 The page will reload if you make edits.<br>
 You will also see any lint errors in the console.
 
+### `npm run build`
+
+Build this project for production.
 
 
 ## Usage only the component

api/contact/index.php

@@ -9,7 +9,7 @@
     // set response code - 200 OK
     http_response_code(200);
     $subject = $_POST['fname'];
-    $to =  "me@malith.pro";
+    $to =  "hey@malith.dev"; //TODO: Please change this before using
     $from = $_POST['email'];
     //data
     $msg = $_POST['number'] . $_POST['message'];       

src/components/Form/index.js

@@ -45,26 +45,26 @@ class Form extends React.Component {
         <div>
           <form action="#">
             {fields &&
-              fields.map(fields => {
+              fields.map(field => {
                 return (
-                  <React.Fragment>
-                    {fields.type !== "textarea" ? (
+                  <React.Fragment key={field.id}>
+                    {field.type !== "textarea" ? (
                       <React.Fragment>
-                        <label>{fields.label}</label>
+                        <label>{field.label}</label>
                         <input
-                          type={fields.type}
-                          className={fields.klassName}
-                          placeholder={fields.placeholder}
+                          type={field.type}
+                          className={field.klassName}
+                          placeholder={field.placeholder}
                           value={this.state.fname}
                           onChange={e => this.setState({ fname: e.target.value })}
                         />
                       </React.Fragment>
                     ) : (
                       <React.Fragment>
-                        <label>{fields.label}</label>
+                        <label>{field.label}</label>
                         <textarea
-                          className={fields.klassName}
-                          placeholder={fields.placeholder}
+                          className={field.klassName}
+                          placeholder={field.placeholder}
                           onChange={e => this.setState({ message: e.target.value })}
                           value={this.state.message}
                         />