diff --git a/src/App.js b/src/App.js index 48b2998..3c41d0a 100644 --- a/src/App.js +++ b/src/App.js @@ -26,6 +26,7 @@ import SiteService from "./svs/SiteService"; function App() { const [blogData, setBlogData] = useState([]) // for holding + const [faqData, setFaqData] = useState([]) // for holding const siteApi = new SiteService(); // instantiating the API SERVICE const getBlogData = async () => { try { @@ -39,8 +40,24 @@ function App() { } }; + const getFaqData = async () => { + try { + const res = await siteApi.faqData(); + if(res.status == 200 /* && res.data.status > 0*/){ + let data = await res.data + console.log(data); + + setFaqData(data) + return + } + } catch (error) { + console.log(error) + } + } + useEffect(() => { getBlogData(); + getFaqData(); }, []); return ( @@ -48,9 +65,9 @@ function App() {
- } /> + } /> } /> - } /> + } /> } /> } /> } /> diff --git a/src/pages/Contacts.js b/src/pages/Contacts.js index cb99c1e..22b4608 100644 --- a/src/pages/Contacts.js +++ b/src/pages/Contacts.js @@ -1,25 +1,94 @@ -import React, {Component} from 'react'; +import React, {Component, useState, useEffect} from 'react'; +import SiteService from '../svs/SiteService'; -class Contacts extends React.Component { +class Contacts extends Component { + constructor(props){ + super(props) + + this.state = { + formData: { + name: '', + email: '', + country: '', + phone: '', + message: '' + }, + loading: false, + submitError: null, + submitSuccess: false, + }; + } + + handleInputChange = (event) => { + const { name, value } = event.target; + this.setState((prevState) => ({ + formData: { + ...prevState.formData, + [name]: value, + }, + })); + }; + + handleSubmit = async(e) => { + e.preventDefault(); + const apiCall = new SiteService(); + const { formData } = this.state; + + this.setState({ loading: true }); + + if(!formData.name && !formData.email && !formData.message) return; + + console.log(formData) + + try { + await apiCall.contactData(formData) + + console.log('Success') + + this.setState({ + formData: { + name: '', + email: '', + country: '', + phone: '', + message: '' + }, + loading: false, + submitError: null, + submitSuccess: false, + }); + + // if(res.status == 200){ + + // } else { + // throw new Error('Error submitting form'); + // } + } catch (error) { + this.setState({ + loading: false, + submitSuccess: false, + submitError: error, + }); + console.log(error) + } + } + + render() { + const {formData, loading, submitError, submitSuccess} = this.state + console.log(submitSuccess) return(
- - - {/* PRELOADER SPINNER - ============================================= */} + {/* PRELOADER SPINNER */}
- {/* PAGE CONTENT - ============================================= */} + {/* PAGE CONTENT */}
- {/* HEADER - ============================================= */} - {/* CONTACTS-2 - ============================================= */} + {/* HEADER */} + {/* CONTACTS-2 */}
{/* SECTION TITLE */} @@ -39,7 +108,7 @@ class Contacts extends React.Component {
-
+ {/* Form Select */}

This question is about:

@@ -57,21 +126,23 @@ class Contacts extends React.Component {

Your Name:

Please enter your real name: - +

Your Email Address:

Please carefully check your email address for accuracy - +

Explain your question in details:

- Your OS version, NordEx version & build, steps you did. Be VERY precise! -