|
|
|
@@ -4,7 +4,6 @@ import * as Yup from 'yup'; |
|
|
|
import { Formik, Form, ErrorMessage } from 'formik'; |
|
|
|
import { useState, useRef } from 'react'; |
|
|
|
|
|
|
|
|
|
|
|
const WorkClientForm = ({ data, download, onValidated, message, status }) => { |
|
|
|
const container = useRef(); |
|
|
|
const [suc, setSuc] = useState(false); |
|
|
|
@@ -27,7 +26,10 @@ const WorkClientForm = ({ data, download, onValidated, message, status }) => { |
|
|
|
}); |
|
|
|
|
|
|
|
return ( |
|
|
|
<div ref={container} className="max-w-[600px] mx-[16px] md:mx-auto md:mt-[-320px] p-[24px] flex flex-col gap-[24px] z-20 bg-white rounded-[16px] shadow-[0_3px_10px_rgb(0,0,0,0.2)] md:shadow-none"> |
|
|
|
<div |
|
|
|
ref={container} |
|
|
|
className="max-w-[600px] mx-[16px] md:mx-auto md:mt-[-320px] p-[24px] flex flex-col gap-[24px] z-20 bg-white rounded-[16px] shadow-[0_3px_10px_rgb(0,0,0,0.2)] md:shadow-none" |
|
|
|
> |
|
|
|
<div className="flex flex-col gap-[8px]"> |
|
|
|
<h6 className="n-h3-heading text-dark-gray font-bold">{data.title}</h6> |
|
|
|
<p className="n-paragraph">{data.paragraph}</p> |
|
|
|
@@ -46,7 +48,6 @@ const WorkClientForm = ({ data, download, onValidated, message, status }) => { |
|
|
|
LNAME: values.surname, |
|
|
|
EMAIL: values.email, |
|
|
|
}); |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
{props => ( |
|
|
|
@@ -129,18 +130,13 @@ const WorkClientForm = ({ data, download, onValidated, message, status }) => { |
|
|
|
</div> |
|
|
|
|
|
|
|
<div className=" py-3 text-right"> |
|
|
|
<button type="submit"> |
|
|
|
<CustomLink |
|
|
|
href={download.downloadFilePath} |
|
|
|
downloadFile={download.downloadFileName} |
|
|
|
context={'Company Overview'} |
|
|
|
submit |
|
|
|
> |
|
|
|
Subscribe and Download |
|
|
|
</CustomLink> |
|
|
|
<button |
|
|
|
type="submit" |
|
|
|
className="btn-primary w-fit items-center n-paragraph-title text-white rounded-[16px]" |
|
|
|
> |
|
|
|
Subscribe and Download |
|
|
|
</button> |
|
|
|
<div>{message}</div> |
|
|
|
<div>{status}</div> |
|
|
|
<div className="text-sm text-right text-red-600">{message}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |