remove stock links v1
This commit is contained in:
+24
-24
@@ -1,6 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {useState} from "react";
|
import { useState } from "react";
|
||||||
import {useFormik ,Form} from "formik";
|
import { useFormik, Form } from "formik";
|
||||||
import { Formik } from "formik";
|
import { Formik } from "formik";
|
||||||
|
|
||||||
import * as Yup from 'yup'
|
import * as Yup from 'yup'
|
||||||
@@ -10,21 +10,21 @@ import {
|
|||||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {AppUrl} from "../../lib/api";
|
import { AppUrl } from "../../lib/api";
|
||||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
import { AiOutlinePhone, AiOutlineUser } from "react-icons/ai";
|
||||||
|
|
||||||
const Connect = () => {
|
const Connect = () => {
|
||||||
const [Loading,setLoading] = useState(false);
|
const [Loading, setLoading] = useState(false);
|
||||||
const [Success,setSuccess] = useState(false);
|
const [Success, setSuccess] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Formik
|
<Formik
|
||||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
initialValues={{ name: "", PhoneNumber: "", text: "" }}
|
||||||
onSubmit={async (values,{resetForm}) => {
|
onSubmit={async (values, { resetForm }) => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
const dataForm = values;
|
const dataForm = values;
|
||||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
const SubmitForm = axios.post(AppUrl('contact-us'), dataForm).then((res) => {
|
||||||
if (res.status === 200) {
|
if (res.status === 200) {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
setSuccess(true);
|
setSuccess(true);
|
||||||
@@ -39,8 +39,8 @@ const Connect = () => {
|
|||||||
validateOnBlur={false}
|
validateOnBlur={false}
|
||||||
validationSchema={Yup.object().shape({
|
validationSchema={Yup.object().shape({
|
||||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
PhoneNumber: Yup.string().required('شماره تلفن الزامی است .'),
|
||||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
text: Yup.string().required('متن پیام وارد نشده است. '),
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
{props => {
|
{props => {
|
||||||
@@ -55,12 +55,12 @@ const Connect = () => {
|
|||||||
handleReset
|
handleReset
|
||||||
} = props;
|
} = props;
|
||||||
return (
|
return (
|
||||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
<form id={'contactUsform'} style={{ marginTop: '25px' }} onSubmit={handleSubmit}>
|
||||||
<div className='lg:mx-20 sm:mx-5'>
|
<div className='lg:mx-20 sm:mx-5'>
|
||||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
<h5 className={'right-align font-weight-bold'}> تماس با ما </h5>
|
||||||
<br />
|
<br />
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
<MDBInputGroup className='mb-3' style={{ width: '50%' }}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
onBlur={handleBlur}
|
onBlur={handleBlur}
|
||||||
@@ -77,7 +77,7 @@ const Connect = () => {
|
|||||||
|
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
|
|
||||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
<MDBInputGroup className='mb-3' style={{ width: '50%' }}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
value={values.name}
|
value={values.name}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
@@ -90,7 +90,7 @@ const Connect = () => {
|
|||||||
<AiOutlineUser />
|
<AiOutlineUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
<MDBInputGroup className='mb-3' style={{ width: '100%' }}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
name={'text'}
|
name={'text'}
|
||||||
id={'text'}
|
id={'text'}
|
||||||
@@ -98,7 +98,7 @@ const Connect = () => {
|
|||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
className={'right-align RTL'}
|
className={'right-align RTL'}
|
||||||
style={{height: '100%'}}
|
style={{ height: '100%' }}
|
||||||
placeholder='متن پیام خود را وارد کنید'
|
placeholder='متن پیام خود را وارد کنید'
|
||||||
textarea
|
textarea
|
||||||
type='text' />
|
type='text' />
|
||||||
@@ -110,7 +110,7 @@ const Connect = () => {
|
|||||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||||
<span className='visually-hidden'>Loading...</span>
|
<span className='visually-hidden'>Loading...</span>
|
||||||
</>
|
</>
|
||||||
):
|
) :
|
||||||
<>
|
<>
|
||||||
ارسال
|
ارسال
|
||||||
</>
|
</>
|
||||||
@@ -120,23 +120,23 @@ const Connect = () => {
|
|||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.PhoneNumber}
|
{errors.PhoneNumber}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
) : null}
|
||||||
{touched.name && errors.name ? (
|
{touched.name && errors.name ? (
|
||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.name}
|
{errors.name}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
) : null}
|
||||||
{touched.text && errors.text ? (
|
{touched.text && errors.text ? (
|
||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.text}
|
{errors.text}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
) : null}
|
||||||
<br/>
|
<br />
|
||||||
{Success ? (
|
{Success ? (
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
<MDBTypography style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #00B74A', borderLeft: 'none' }} note noteColor='success'>
|
||||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
): null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -112,7 +112,7 @@ const SmartAdvice = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center m-2'}>
|
<div className={'flex justify-content-center m-2'}>
|
||||||
{page === 5 ? (
|
{page === 5 ? (
|
||||||
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}> درخواست مشاوره </MDBBtn>
|
||||||
): ''}
|
): ''}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user