diff --git a/Frontend/components/Modals/ModalSignIn.tsx b/Frontend/components/Modals/ModalSignIn.tsx index 06cd127..dbaab84 100644 --- a/Frontend/components/Modals/ModalSignIn.tsx +++ b/Frontend/components/Modals/ModalSignIn.tsx @@ -6,6 +6,7 @@ import { useForm } from "react-hook-form"; import { yupResolver } from "@hookform/resolvers/yup"; import { signInValidationSchema } from "@/utils/form"; import { login } from "@/app/(auth)/actions"; +import { toast } from "react-toastify"; function ModalSignIn() { const { @@ -27,7 +28,18 @@ function ModalSignIn() { document.getElementById("sign-in-modal")?.click(); } } catch (error) { - console.log("heyaa"); + 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", + }); + } } }; return ( diff --git a/Frontend/components/Modals/ModalSignUp.tsx b/Frontend/components/Modals/ModalSignUp.tsx index a40b374..68a6927 100644 --- a/Frontend/components/Modals/ModalSignUp.tsx +++ b/Frontend/components/Modals/ModalSignUp.tsx @@ -74,7 +74,18 @@ function ModalSignUp() { price && generateCheckoutPage(JSON.parse(price), type ?? ""); } } catch (error) { - console.log("heyaa"); + 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", + }); + } } }; return ( diff --git a/Frontend/sections/ContactUs/FormLeftDescriptionRightContactUs.tsx b/Frontend/sections/ContactUs/FormLeftDescriptionRightContactUs.tsx index ca53097..9255c9a 100644 --- a/Frontend/sections/ContactUs/FormLeftDescriptionRightContactUs.tsx +++ b/Frontend/sections/ContactUs/FormLeftDescriptionRightContactUs.tsx @@ -5,6 +5,7 @@ import { contactUsValidationSchema } from "@/utils/form"; import { yupResolver } from "@hookform/resolvers/yup"; import React from "react"; import { useForm } from "react-hook-form"; +import { toast } from "react-toastify"; const FormLeftDescriptionRightContactUs = () => { const { @@ -26,7 +27,18 @@ const FormLeftDescriptionRightContactUs = () => { await pb.collection("contact").create({ source: "contactus", ...data }); localStorage.setItem("contactus", JSON.stringify(data)); } catch (error) { - console.log("heya"); + 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", + }); + } } }; return ( diff --git a/Frontend/sections/Hero/WaitingListWithImageHero.tsx b/Frontend/sections/Hero/WaitingListWithImageHero.tsx index 8e11c91..70b5b3f 100644 --- a/Frontend/sections/Hero/WaitingListWithImageHero.tsx +++ b/Frontend/sections/Hero/WaitingListWithImageHero.tsx @@ -1,19 +1,15 @@ import pb from "@/lib/pocketbase"; import { waitinglistValidationSchema } from "@/utils/form"; import { yupResolver } from "@hookform/resolvers/yup"; -import React, { useEffect } from "react"; +import React from "react"; import { useForm } from "react-hook-form"; import Icon from "@/components/Icon"; -import colors, { hexToRgb } from "@/utils/colors"; import Footer from "@/components/Footer"; -import { useTheme } from "next-themes"; import Background from "@/components/Utilities/Background"; +import { toast } from "react-toastify"; const WaitingListWithImageHero = () => { - const { theme } = useTheme(); - const backgroundColor = hexToRgb(colors[theme ?? "light"]["base-100"]); - const { register, handleSubmit, @@ -31,7 +27,18 @@ const WaitingListWithImageHero = () => { await pb.collection("contact").create({ source: "waitinglist", ...data }); localStorage.setItem("waitinglist", JSON.stringify(data)); } catch (error) { - console.log("heya"); + 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", + }); + } } }; return ( @@ -62,7 +69,7 @@ const WaitingListWithImageHero = () => { {...register("firstName")} type="text" id="hs-cover-with-gradient-form-name-1" - className=" py-3 ps-11 pe-4 block w-full bg-base-100/[.03] border-white/20 placeholder:text-base-content placeholder:text-base-content rounded-lg text-sm focus:border-white/30 focus:ring-white/30 sm:p-4 sm:ps-11" + className=" py-3 ps-11 pe-4 block w-full bg-base-100/[.03] border-white/20 placeholder:text-base-content rounded-lg text-sm focus:border-white/30 focus:ring-white/30 sm:p-4 sm:ps-11" placeholder="First name" />
diff --git a/Frontend/sections/Newsletter/Newsletter.tsx b/Frontend/sections/Newsletter/Newsletter.tsx index 333dd5f..ad9795a 100644 --- a/Frontend/sections/Newsletter/Newsletter.tsx +++ b/Frontend/sections/Newsletter/Newsletter.tsx @@ -3,6 +3,7 @@ import { newsletterValidationSchema } from "@/utils/form"; import { yupResolver } from "@hookform/resolvers/yup"; import React from "react"; import { useForm } from "react-hook-form"; +import { toast } from "react-toastify"; function Newsletter() { const { @@ -18,7 +19,18 @@ function Newsletter() { await pb.collection("contact").create({ source: "newsletter", ...data }); localStorage.setItem("newsletter", JSON.stringify(data)); } catch (error) { - console.log("heya"); + 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", + }); + } } };