feat: integrate API into poll creation form & poll details

app/actions/verify.ts

@@ -1,42 +1,43 @@
 "use server";
 
 import { cookies } from "next/headers";
+import { nanoid } from "nanoid";
 
-export async function verifyWalletAndWorldID(formData: FormData) {
-  const walletPayload = JSON.parse(formData.get("walletPayload") as string);
-  const worldIdProof = JSON.parse(formData.get("worldIdProof") as string);
-  const nonce = formData.get("nonce") as string;
+export async function getNonce() {
+  try {
+    const nonce = nanoid(32);
 
-  const siweCookie = cookies().get("siwe")?.value;
+    cookies().set("siwe_nonce", nonce, {
+      secure: true,
+      httpOnly: true,
+      sameSite: "strict",
+      maxAge: 600,
+    });
 
-  if (nonce !== siweCookie) {
-    return {
-      status: "error",
-      isValid: false,
-      message: "Invalid nonce",
-    };
+    return { nonce, success: true };
+  } catch (error) {
+    console.error("Error generating nonce:", error);
+    return { error: "Failed to generate nonce", success: false };
   }
+}
 
+export async function verifyNonceCookie(submittedNonce: string) {
   try {
-    const res = await fetch(`${process.env.BACKEND_URL}/auth/verify-world-id`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ walletPayload, worldIdProof, nonce }),
-    });
+    const storedNonce = cookies().get("siwe_nonce")?.value;
+
+    if (!storedNonce) {
+      return { isValid: false, error: "No nonce found in cookies" };
+    }
+
+    const isValid = storedNonce === submittedNonce;
 
-    const data = await res.json();
+    if (isValid) {
+      cookies().delete("siwe_nonce");
+    }
 
-    return {
-      status: "success",
-      data,
-    };
+    return { isValid };
   } catch (error) {
-    return {
-      status: "error",
-      message: "Server verification failed",
-      error,
-    };
+    console.error("Error verifying nonce:", error);
+    return { isValid: false, error: "Nonce verification failed" };
   }
 }

app/poll/[id]/page.tsx

@@ -1,11 +1,22 @@
+"use client";
+
 import PollVoteCard from "@/components/Poll/PollVoteCard";
 import Header from "@/components/Header";
+import { useParams } from "next/navigation";
 
 export default function PollPage() {
+  const { id } = useParams();
+  const idParam = id && Array.isArray(id) ? id[0] : id;
+  const pollId = Number(idParam);
+
+  if (!pollId) {
+    return <div>Poll not found</div>;
+  }
+
   return (
     <main className="flex-1 bg-white rounded-t-3xl p-5">
       <Header backUrl="/polls" />
-      <PollVoteCard />
+      <PollVoteCard pollId={pollId} />
     </main>
   );
 }

app/poll/[id]/results/page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import PollResultsCard from "@/components/Poll/PollResultsCard";
+import Header from "@/components/Header";
+import { useParams } from "next/navigation";
+
+export default function PollPage() {
+  const { id } = useParams();
+  const idParam = id && Array.isArray(id) ? id[0] : id;
+  const pollId = Number(idParam);
+
+  if (!pollId) {
+    return <div>Poll not found</div>;
+  }
+
+  return (
+    <main className="flex-1 bg-white rounded-t-3xl p-5">
+      <Header backUrl="/polls" />
+      <PollResultsCard pollId={pollId} />
+    </main>
+  );
+}

components/Login/SplashScreen.tsx

@@ -33,7 +33,7 @@ export function SplashScreen() {
           </div>
         </div>
       )}
-      {isLoggingIn || isLoggedIn && (
+      {(isLoggingIn || isLoggedIn) && (
         <div className="flex flex-col items-center justify-center mt-8">
           <BlurredCard />
           <BlurredCard />

components/Modals/ConfirmDeleteModal.tsx

@@ -0,0 +1,46 @@
+import BottomModal from "../ui/BottomModal";
+import { Button } from "../ui/Button";
+
+type ConfirmDeleteModalProps = {
+  modalOpen: boolean;
+  setModalOpen: (open: boolean) => void;
+  onDelete: () => void;
+  isLoading: boolean;
+};
+
+export default function ConfirmDeleteModal({
+  modalOpen,
+  setModalOpen,
+  onDelete,
+  isLoading,
+}: ConfirmDeleteModalProps) {
+  if (!modalOpen) return null;
+
+  return (
+    <BottomModal modalOpen={modalOpen} setModalOpen={setModalOpen}>
+      <h2 className="text-2xl font-semibold text-center text-gray-900 mb-8 text-sora">
+        Are you sure?
+      </h2>
+      <p className="text-center text-gray-700 mb-8 text-sora">
+        This action is irreversible, and all collected data will be permanently
+        deleted.
+      </p>
+      <div className="flex flex-col gap-4 justify-center">
+        <Button
+          className="text-sm font-semibold font-sora"
+          onClick={onDelete}
+          disabled={isLoading}
+        >
+          {isLoading ? "Deleting..." : "Delete"}
+        </Button>
+        <Button
+          variant="ghost"
+          className="text-sm font-semibold font-sora text-gray-500"
+          onClick={() => setModalOpen(false)}
+        >
+          Cancel
+        </Button>
+      </div>
+    </BottomModal>
+  );
+}

components/Modals/PollCreatedModal.tsx

@@ -1,15 +1,15 @@
 import { useRouter } from "next/navigation";
 import Image from "next/image";
 import { ShareIcon } from "../icon-components";
-import { handleShare } from "@/utils/share";
+import { handleSharePoll } from "@/utils/share";
 import { Modal } from "../ui/Modal";
 import { Button } from "../ui/Button";
 
 interface IModalProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
   pollTitle: string;
-  pollId: number;
+  pollId: number | undefined;
 }
 
 export default function PollCreatedModal({
@@ -48,7 +48,7 @@ export default function PollCreatedModal({
         <Button
           variant="primary"
           className="w-full flex items-center justify-center gap-2 font-medium"
-          onClick={() => handleShare(pollTitle, pollId)}
+          onClick={() => handleSharePoll(pollTitle, pollId!)}
         >
           <ShareIcon size={24} color="white" />
           Share this Poll

components/Modals/VotingSuccessModal.tsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 import { ShareIcon } from "../icon-components";
-import { handleShare } from "@/utils/share";
+import { handleSharePoll } from "@/utils/share";
 
 interface IModalProps {
   setShowModal: (showModal: boolean) => void;
@@ -44,7 +44,7 @@ export default function VotingSuccessModal({
 
           <button
             className="w-full flex items-center justify-center gap-2 text-gray-500 py-4 rounded-xl font-semibold font-sora"
-            onClick={() => handleShare(pollTitle, pollId)}
+            onClick={() => handleSharePoll(pollTitle, pollId)}
           >
             <ShareIcon size={24} />
             Share