updated vercel functions to javascript code

updated install instructions for different platforms

packages/client/api/subscribe.js

@@ -0,0 +1,38 @@
+export default async function handler(req, res) {
+  if (req.method === "POST") {
+    const { email } = req.body;
+
+    const mailchimpUrl = `https://app.us13.list-manage.com/subscribe/post?u=16db3a1a92dd56e81459cd500&id=c6c12d1a3f&f_id=0021fae1f0`;
+
+    const data = new URLSearchParams();
+    data.append("EMAIL", email);
+    data.append("b_16db3a1a92dd56e81459cd500_c6c12d1a3f", ""); // hidden input to prevent bot signups
+
+    try {
+      const response = await fetch(mailchimpUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+        body: data.toString(),
+      });
+
+      if (response.ok) {
+        res
+          .status(200)
+          .json({ success: true, message: "Subscription successful!" });
+      } else {
+        res
+          .status(response.status)
+          .json({ success: false, message: "Subscription failed." });
+      }
+    } catch (error) {
+      res
+        .status(500)
+        .json({ success: false, message: "Internal Server Error" });
+    }
+  } else {
+    res.setHeader("Allow", ["POST"]);
+    res.status(405).end(`Method ${req.method} Not Allowed`);
+  }
+}

packages/client/api/users.js

@@ -0,0 +1,28 @@
+const { PrivyClient } = require("@privy-io/server-auth");
+// import type { VercelRequest, VercelResponse } from "@vercel/node";
+
+// declare global {
+//   namespace NodeJS {
+//     interface ProcessEnv {
+//       VITE_PRIVY_APP_ID?: string;
+//       PINATA_API_KEY?: string;
+//       PINATA_API_SECRET?: string;
+//       PRIVY_APP_SECRET_ID?: string;
+//     }
+//   }
+// }
+
+export const config = {
+  // runtime: "nodejs",
+};
+
+const privy = new PrivyClient(
+  process.env.VITE_PRIVY_APP_ID,
+  process.env.PRIVY_APP_SECRET_ID
+);
+
+export default async function handler(_request, response) {
+  const users = await privy.getUsers();
+
+  response.status(200).json(users);
+}

packages/client/dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-c982e567'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.9bt3crbamtg"
+    "revision": "0.bah1ak7v75o"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

packages/client/src/components/Layout/Footer.tsx

@@ -25,7 +25,7 @@ interface FooterProps {}
 
 export const Footer: React.FC<FooterProps> = () => {
   return (
-    <footer className="footer h-[5rem] border-stone-200 flex flex-col gap-2 py-2 lg:flex-row items-center justify-between  lg:gap-4">
+    <footer className="h-[5rem] flex flex-col gap-2 py-2 lg:flex-row items-center justify-between  lg:gap-4">
       <div className="">
         <p>
           Built by <b className="text-[#367D42]">Greenpill Dev Guild</b>

packages/client/src/components/Layout/Hero.tsx

@@ -6,42 +6,38 @@ import toast from "react-hot-toast";
 
 type SubscribeState = "idle" | "subscribing" | "subscribed" | "error";
 
-const url =
-  "https://app.us13.list-manage.com/subscribe/post?u=16db3a1a92dd56e81459cd500&id=c6c12d1a3f&f_id=0021fae1f0";
-
 export const Hero: React.FC = () => {
-  const { isMobile } = usePWA();
+  const { isMobile, platform } = usePWA();
   const [state, setSubscribeState] = useState<SubscribeState>("idle");
 
   function handleSubscribe(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault();
 
     setSubscribeState("subscribing");
 
+    console.log(e.currentTarget);
     const formData = new FormData(e.currentTarget);
     const email = formData.get("email") as string;
 
-    console.log(email);
-
-    fetch(url + "&" + formData, {
-      method: "GET",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      mode: "cors",
-      cache: "default",
-    })
-      .then((response) => response.json())
-      .then((data) => {
-        if (data["result"] !== "success") {
+    fetch(
+      import.meta.env.DEV ?
+        "http://localhost:3000/api/subscribe"
+      : "/api/subscribe",
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ email }),
+      }
+    )
+      .then((response) => {
+        if (!response.ok) {
           // ERROR
-          console.log(data["msg"]);
+          console.log(response.status);
 
-          throw new Error(data["msg"]);
+          throw new Error("Network response was not ok.");
         } else {
-          // SUCCESS - Show notification
-          console.log(data["msg"]);
-
           toast.success("Successfilly subscribed!");
 
           setSubscribeState("subscribed");
@@ -56,7 +52,7 @@ export const Hero: React.FC = () => {
   }
 
   return (
-    <main className="w-full min-h-[calc(100dvh-9rem)] lg:min-h-[calc(100dvh-6rem)] flex flex-col lg:flex-row lg:justify-center gap-16">
+    <main className="w-full min-h-[calc(100lvh-9rem)] lg:min-h-[calc(100lvh-6rem)] flex flex-col lg:flex-row lg:justify-center gap-16">
       <form
         onSubmit={handleSubscribe}
         className="flex-1 flex flex-col gap-2 items-center lg:items-start lg:justify-center pt-[10vh] lg:pt-0 text-center lg:text-left"
@@ -106,8 +102,11 @@ export const Hero: React.FC = () => {
               <div className="modal-box">
                 <h4 className="text-[#367D42]">Install Green Goods</h4>
                 <p>
-                  To install on your device, tap the 3 dots below and then "Add
-                  to Home Screen".
+                  {platform === "ios" ?
+                    "Tap the share button and then 'Add to Home Screen'."
+                  : platform === "android" ?
+                    "Tap the menu button and then 'Add to Home Screen'."
+                  : "Tap the menu button and then 'Add to Home Screen'."}
                 </p>
               </div>
               <form method="dialog" className="modal-backdrop">