wait longer for listmonk to wake up in newsletter signup action

linobino1 · Sep 15, 2024 · 188d3e8 · 188d3e8
1 parent 05d3108
commit 188d3e8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/app/components/NewsletterSignup/index.module.css b/app/components/NewsletterSignup/index.module.css
@@ -54,7 +54,6 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin: 0;
   background-color: lightseagreen;
 }
 .container > form.loading {
@@ -130,3 +129,7 @@
   background-color: grey;
   cursor: not-allowed;
 }
+
+.success {
+  margin-top: 0.6em;
+}
diff --git a/app/components/NewsletterSignup/index.tsx b/app/components/NewsletterSignup/index.tsx
@@ -81,7 +81,7 @@ const NewsletterSignup = () => {
             aria-label="sign up for our newsletter"
             disabled={captchaState !== "verified"}
           >
-            sign me up
+            {fetcher.state === "idle" ? "sign me up" : "signing you up..."}
           </button>
         </div>
       </fetcher.Form>

diff --git a/app/routes/newsletter-signup.ts b/app/routes/newsletter-signup.ts
@@ -38,7 +38,7 @@ export const action: ActionFunction = async ({ request }) => {
   await fetch(`${process.env.LISTMONK_API}`, {
     method: "head",
   });
-  await new Promise((resolve) => setTimeout(resolve, 500));
+  await new Promise((resolve) => setTimeout(resolve, 1000));
 
   let res = await fetch(`${process.env.LISTMONK_API}/public/subscription`, {
     method: "post",