@@ -55,7 +55,7 @@ function HeroHome() {
diff --git a/Frontend/sections/ModalLearnMore/ModalLearnMore.tsx b/Frontend/sections/ModalLearnMore/ModalLearnMore.tsx
index 7281b4b..b94fa5f 100644
--- a/Frontend/sections/ModalLearnMore/ModalLearnMore.tsx
+++ b/Frontend/sections/ModalLearnMore/ModalLearnMore.tsx
@@ -41,11 +41,11 @@ function ModalLearnMore() {
className="w-[100%] bg-gradient-to-r from-primary to-secondary px-6 pt-2 pb-6"
data-aos="fade-up"
>
-
+
Want to learn more? Get the no-nonsense facts straight from the
source
-
+
Enter your email and we will email you a copy of our Whitepaper
diff --git a/Frontend/sections/ModalLearnMore/ModalLearnMoreForm.tsx b/Frontend/sections/ModalLearnMore/ModalLearnMoreForm.tsx
index e28b538..139bc54 100644
--- a/Frontend/sections/ModalLearnMore/ModalLearnMoreForm.tsx
+++ b/Frontend/sections/ModalLearnMore/ModalLearnMoreForm.tsx
@@ -1,93 +1,113 @@
"use client";
-import React, { useState } from 'react';
-import { useForm } from 'react-hook-form';
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import { learnMoreValidationSchema } from "@/utils/form";
-import { LearnMoreForm, ModalStatus, SourceModal } from '@/types';
+import { LearnMoreForm, ModalStatus, SourceModal } from "@/types";
import { mailchimp } from "@/app/(auth)/actions";
-import { toast } from 'react-toastify';
+import { toast } from "react-toastify";
interface ModalLearnMoreFormProps {
- setStatus: React.Dispatch
>;
+ setStatus: React.Dispatch>;
}
const ModalLearnMoreForm = ({ setStatus }: ModalLearnMoreFormProps) => {
- const [email, setEmail] = useState("");
+ const [email, setEmail] = useState("");
- const { register, handleSubmit, reset, formState: {errors} } = useForm({
- resolver: yupResolver(learnMoreValidationSchema),
- });
+ const {
+ register,
+ handleSubmit,
+ reset,
+ formState: { errors },
+ } = useForm({
+ resolver: yupResolver(learnMoreValidationSchema),
+ });
- const submitForm = async (data: LearnMoreForm) => {
- setEmail(data.email);
- if (!data.email) {
- return;
- }
- setStatus(ModalStatus.Loading);
-
- try{
- await sendMailchimpRequest(data);
- setEmail("");
- reset();
- // await handleSendgridSubmit(data.email);
- setStatus(ModalStatus.Success);
- } catch(error) {
- if (error instanceof Error){
- toast.error(error.message, {
- position: "bottom-left",
- autoClose: 5000,
- hideProgressBar: false,
- closeOnClick: true,
- pauseOnHover: true,
- draggable: true,
- progress: undefined,
- theme: "colored",
- });
- }
- setStatus(ModalStatus.Default);
- }
+ const submitForm = async (data: LearnMoreForm) => {
+ setEmail(data.email);
+ if (!data.email) {
+ return;
}
+ setStatus(ModalStatus.Loading);
- const sendMailchimpRequest = async (data: LearnMoreForm) => {
- console.log("sendMailchimpRequest call initiated");
- await mailchimp({
- email: data.email,
- first_name: '',
- last_name: '',
- phone_number: '',
- company_size: '',
- source: SourceModal.LearnMore,
+ try {
+ await sendMailchimpRequest(data);
+ setEmail("");
+ reset();
+ // await handleSendgridSubmit(data.email);
+ setStatus(ModalStatus.Success);
+ } catch (error) {
+ if (error instanceof Error) {
+ toast.error(error.message, {
+ position: "bottom-left",
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ progress: undefined,
+ theme: "colored",
});
- console.log("sendMailchimpRequest call success");
+ }
+ setStatus(ModalStatus.Default);
+ }
+ };
+
+ const sendMailchimpRequest = async (data: LearnMoreForm) => {
+ console.log("sendMailchimpRequest call initiated");
+ await mailchimp({
+ email: data.email,
+ first_name: "",
+ last_name: "",
+ phone_number: "",
+ company_size: "",
+ source: SourceModal.LearnMore,
+ });
+ console.log("sendMailchimpRequest call success");
+ };
+
+ const handleSendgridSubmit = async (email: string) => {
+ const data = {
+ subscriberEmail: email,
};
+ //call to the Netlify Function you created
+ return fetch("./.netlify/functions/triggerLearnMoreEmail", {
+ method: "POST",
+ body: JSON.stringify({
+ subscriberEmail: data.subscriberEmail,
+ }),
+ });
+ };
- const handleSendgridSubmit = async (email: string) => {
-
- const data = {
- subscriberEmail: email,
- };
- //call to the Netlify Function you created
- return fetch("./.netlify/functions/triggerLearnMoreEmail", {
- method: "POST",
- body: JSON.stringify({
- subscriberEmail: data.subscriberEmail,
- }),
- });
- };
+ return (
+
-
- );
+
+
+ );
};
-export default ModalLearnMoreForm;
\ No newline at end of file
+export default ModalLearnMoreForm;
diff --git a/Frontend/sections/ModalSignIn/ModalSignIn.tsx b/Frontend/sections/ModalSignIn/ModalSignIn.tsx
index ba0edce..59ca829 100644
--- a/Frontend/sections/ModalSignIn/ModalSignIn.tsx
+++ b/Frontend/sections/ModalSignIn/ModalSignIn.tsx
@@ -1,20 +1,16 @@
"use client";
import React, { useRef, useState } from "react";
-import xButton from "@/images/icon-x.svg";
-import useTextsBasedOnActivityState from "@/sections/ModalSignIn/useTextsBasedOnActivityState";
import ModalSignInForm, {
FormRefMethods,
} from "@/sections/ModalSignIn/ModalSignInForm";
import SuccessModal from "@/sections/SuccessModal";
import LoadingModal from "@/sections/LoadingModal";
-import Image from "next/image";
import { ModalStatus } from "@/types";
import Icon from "@/components/icon";
function ModalSignIn() {
const [status, setStatus] = useState(ModalStatus.Default);
- const { textOnUse, whenModalOpens } = useTextsBasedOnActivityState(setStatus);
const formRef = useRef(null);
const handleCloseModal = () => {
if (formRef.current) {
@@ -29,10 +25,9 @@ function ModalSignIn() {
id="sign-in-modal"
className="modal-toggle"
name=""
- onChange={whenModalOpens}
/>
{status === ModalStatus.Success &&