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] 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>