Fix home strings

src/components/Contact/Forms.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import getConfig from './../../Config/config'
+import ContactData from '../../Services/ContactData';
+
 
 function Forms() {
 
@@ -7,18 +9,30 @@ function Forms() {
 
     function handleSubmit(e) {
         e.preventDefault();
-        console.log('You clicked submit.');
-        console.log(e);
-        debugger;
+      //  console.log('You clicked submit.');
+      //  console.log(e);
+       // debugger;
         const firstname = e.target['f-name'].value;
         const lastname = e.target['l-name'].value;
         const email = e.target['email'].value;
-        
         const phone = e.target['phone'].value;
         const subject = e.target['subject'].value;
         const message =  e.target['message'].value;
         const terms =   e.target['terms-conditions'].checked;
-alert(terms);
+//alert(terms);
+
+        var callData = [{
+            "firstname": firstname,
+            "lastname": lastname,
+            "email": email,
+            "phone": phone,
+            "subject": subject,
+            "message": message,
+            "channel": 'WEB'
+        }];
+
+       const callRet = ContactData(callData);
+       console.log('You clicked submit========> '+ callRet);
 
       }
 
@@ -84,27 +98,29 @@ alert(terms);
                                 <h4>Let’s Connect</h4>
                                 <form onSubmit={handleSubmit} className="row">
                                     <div className="col-md-6">
-                                        <input type="text" name="f-name" placeholder="First Name" />
+                                        <input type="text" name="f-name" placeholder="First Name"  maxLength={15} />
                                     </div>
                                     <div className="col-md-6">
-                                        <input type="text" name="l-name" placeholder="Last Name" />
+                                        <input type="text" name="l-name" placeholder="Last Name"  maxLength={15} />
                                     </div>
                                     <div className="col-md-6">
                                         <input
                                             type="email"
                                             name="email"
-                                            placeholder="Email Address"
+                                            placeholder="Email Address" 
+                                            maxLength={35} 
                                         />
                                     </div>
                                     <div className="col-md-6">
                                         <input
                                             type="number"
                                             name="phone"
-                                            placeholder="Phone Number"
+                                            placeholder="Phone Number" 
+                                            maxLength={15} 
                                         />
                                     </div>
                                     <div className="col-md-12">
-                                        <input type="text" name="subject" placeholder="Subject" />
+                                        <input type="text" name="subject" placeholder="Subject"  maxLength={35}  />
                                     </div>
                                     <div className="col-md-12">
                                         <textarea