From a22752efa7ec4ab576307de51f787117623f7e9f Mon Sep 17 00:00:00 2001
From: harsh <focusedstudytarget2022@gmail.com>
Date: Mon, 14 Oct 2024 16:34:54 +0530
Subject: [PATCH] chore: Correctly showing toast

---
 apps/web/src/components/hero/index.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/hero/index.tsx b/apps/web/src/components/hero/index.tsx
index 98923354..8159e87a 100644
--- a/apps/web/src/components/hero/index.tsx
+++ b/apps/web/src/components/hero/index.tsx
@@ -31,19 +31,20 @@ function Hero(): React.JSX.Element {
       'https://xyz.us18.list-manage.com/subscribe/post?u=2e44b940cafe6e54d8b9e0790&amp;id=bd382dd7c5&amp;f_id=00e5c2e1f0'
 
     async function fetchData(): Promise<void> {
-      toast.custom((_t) => (
-        <div className="text-brandBlue border-brandBlue/20 w-[90vw] rounded-lg border bg-[#293234] p-2 shadow-2xl backdrop-blur-3xl md:w-[25vw]">
-          <h1 className="font-semibold">Welcome to Keyshade 🎉</h1>
-          <p className="text-sm">
-            You have been added to the waitlist. We will notify you once we
-            launch
-          </p>
-        </div>
-      ))
       try {
         await fetch(`${url}&EMAIL=${email}`, {
           mode: 'no-cors'
         })
+
+        toast.custom((_t) => (
+          <div className="text-brandBlue border-brandBlue/20 w-[90vw] rounded-lg border bg-[#293234] p-2 shadow-2xl backdrop-blur-3xl md:w-[25vw]">
+            <h1 className="font-semibold">Welcome to Keyshade 🎉</h1>
+            <p className="text-sm">
+              You have been added to the waitlist. We will notify you once we
+              launch
+            </p>
+          </div>
+        ))        
         setEmail('');
 
       } catch (error) {