From 8f5c038f9cc495cb3506193055df4eff0cfa84b4 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Tue, 8 Jul 2025 19:25:49 +0200
Subject: [PATCH 1/2] Modify the behavior of the download invitations button to
 send them via email

---
 app/api/abstract-api.tsx     | 12 ++++++++++++
 app/ui/invitations/board.tsx |  8 ++++----
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/api/abstract-api.tsx b/app/api/abstract-api.tsx
index a6751d2..e0b3f8b 100644
--- a/app/api/abstract-api.tsx
+++ b/app/api/abstract-api.tsx
@@ -10,6 +10,8 @@ export interface Api<T extends Entity> {
   create(serializable: Serializable<T>, object: T, callback: (object: T) => void): void;
   update(serializable: Serializable<T>, object: T, callback: () => void): void;
   destroy(serializable: Serializable<T>, object: T, callback: () => void): void;
+
+  post(serializable: Serializable<T>, path: string, callback: () => void): void;
 }
 
 export interface Serializable<T> {
@@ -98,4 +100,14 @@ export class AbstractApi<T extends Entity> implements Api<T> {
     }).then(callback)
       .catch((error) => console.error(error));
   }
+
+  post(serializable: Serializable<T>, path: string, callback: () => void): void {
+    fetch(`/api/${getSlug()}/${serializable.apiPath()}/${path}`, {
+      method: 'POST',
+      headers: {
+        'X-CSRF-TOKEN': getCsrfToken(),
+      }
+    }).then(callback)
+      .catch((error) => console.error(error));
+  }
 }
diff --git a/app/ui/invitations/board.tsx b/app/ui/invitations/board.tsx
index dbe6c1c..1206ff1 100644
--- a/app/ui/invitations/board.tsx
+++ b/app/ui/invitations/board.tsx
@@ -146,9 +146,9 @@ export default function InvitationsBoard({ guests, invitations: originalInvitati
   }
 
   function handleDownloadQrCodes() {
-    api.getAllPdf(serializer, () => {
-      console.log("QR codes downloaded");
-    });
+    api.post(serializer, 'email', () => {
+      console.log("Email scheduled to be sent with QR codes.");
+    })
   }
 
   return (
@@ -180,7 +180,7 @@ export default function InvitationsBoard({ guests, invitations: originalInvitati
           onClick={handleDownloadQrCodes}
           className={classNames('primary')}
         >
-          Download QR codes
+          Send QR codes via email
         </button>
 
 

From fba75025d49251a23ca5a1e97789b381cf65fe0c Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Tue, 8 Jul 2025 19:37:01 +0200
Subject: [PATCH 2/2] Use a Toast to inform the user about the email that will
 be sent

---
 app/ui/invitations/board.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/ui/invitations/board.tsx b/app/ui/invitations/board.tsx
index 1206ff1..4cc7cc4 100644
--- a/app/ui/invitations/board.tsx
+++ b/app/ui/invitations/board.tsx
@@ -11,6 +11,7 @@ import { LinkIcon, TrashIcon } from "@heroicons/react/24/outline";
 import { useEffect, useRef } from "react";
 import { useState } from "react";
 import { classNames } from "../components/button";
+import { Toast } from "primereact/toast";
 
 function InvitationCard({ invitation, allGuests, onGuestAdded, onDestroy }: {
   invitation: Invitation,
@@ -117,6 +118,7 @@ export default function InvitationsBoard({ guests, invitations: originalInvitati
   guests: Array<Guest>,
   invitations: Array<Invitation>
 }) {
+  const toast = useRef<Toast>(null);
   const api = new AbstractApi<Invitation>();
   const serializer = new InvitationSerializer();
 
@@ -147,13 +149,18 @@ export default function InvitationsBoard({ guests, invitations: originalInvitati
 
   function handleDownloadQrCodes() {
     api.post(serializer, 'email', () => {
-      console.log("Email scheduled to be sent with QR codes.");
+      toast.current?.show({
+        severity: 'success',
+        summary: 'Email scheduled',
+        detail: 'A document with the QR codes will be sent to the organizer\'s email.'
+    });
     })
   }
 
   return (
     <div className="flex h-screen">
       {/* Left Column: Guests */}
+      <Toast ref={toast} />
       <div className="w-1/4 h-full overflow-auto border-r border-gray-300 p-4">
         <h2 className="text-lg font-semibold mb-4">{unassignedGuests.length} guests without invitation</h2>
         <div>