From fd74eeb533fb379b444daa1abf39eb2b8af4a8bb Mon Sep 17 00:00:00 2001
From: Jose Lezama <me@joseglego.io>
Date: Wed, 25 Sep 2024 09:05:59 -0300
Subject: [PATCH 1/4] chore(TicketSaleFlow): include tickets positive number of
 tickets

---
 app/components/TicketsSaleFlow/ConfirmationTab.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/TicketsSaleFlow/ConfirmationTab.tsx b/app/components/TicketsSaleFlow/ConfirmationTab.tsx
index 81a26c5..8e530ce 100644
--- a/app/components/TicketsSaleFlow/ConfirmationTab.tsx
+++ b/app/components/TicketsSaleFlow/ConfirmationTab.tsx
@@ -43,8 +43,9 @@ export const ConfirmationTab = ({
     useCreatePurchaseOrderMutation();
   const createPurchaseOrder = useCallback(async () => {
     // calls the mutation
-    const purchaseOrder = Object.entries(selectedTickets).map(
-      ([ticketId, quantity]) => ({
+    const purchaseOrder = Object.entries(selectedTickets)
+      .filter(([, quantity]) => quantity > 0)
+      .map(([ticketId, quantity]) => ({
         ticketId,
         quantity,
       }),

From 808dd6103e0fb0054b3e538e517736b0dc3f022a Mon Sep 17 00:00:00 2001
From: Jose Lezama <me@joseglego.io>
Date: Wed, 25 Sep 2024 09:06:00 -0300
Subject: [PATCH 2/4] chore(TicketSaleFlow): block pay button when success

---
 .../TicketsSaleFlow/ConfirmationTab.tsx       | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/components/TicketsSaleFlow/ConfirmationTab.tsx b/app/components/TicketsSaleFlow/ConfirmationTab.tsx
index 8e530ce..c4bed13 100644
--- a/app/components/TicketsSaleFlow/ConfirmationTab.tsx
+++ b/app/components/TicketsSaleFlow/ConfirmationTab.tsx
@@ -1,4 +1,4 @@
-import { MouseEventHandler, useCallback } from "react";
+import { MouseEventHandler, useCallback, useState } from "react";
 import { toast } from "sonner";
 
 import { Card, CardContent } from "~/components/ui/card";
@@ -39,17 +39,16 @@ export const ConfirmationTab = ({
   ) => string | null;
   currencyId: string;
 }) => {
-  const [purchaseOrderMutation, purchaseOrderMutationResults] =
-    useCreatePurchaseOrderMutation();
+  const [isDisabled, setIsDisabled] = useState(false);
+  const [purchaseOrderMutation] = useCreatePurchaseOrderMutation();
   const createPurchaseOrder = useCallback(async () => {
-    // calls the mutation
+    setIsDisabled(true);
     const purchaseOrder = Object.entries(selectedTickets)
       .filter(([, quantity]) => quantity > 0)
       .map(([ticketId, quantity]) => ({
         ticketId,
         quantity,
-      }),
-    );
+      }));
 
     await purchaseOrderMutation({
       variables: {
@@ -74,18 +73,20 @@ export const ConfirmationTab = ({
             }, 2000);
           }
         } else {
+          setIsDisabled(false);
           toast.error(
             "Ocurrió un error al intentar comprar tus tickets. Por favor intenta de nuevo.",
           );
         }
       },
       onError() {
+        setIsDisabled(false);
         toast.error(
           "Ocurrió un error al intentar comprar tus tickets. Por favor intenta de nuevo.",
         );
       },
     });
-  }, [currencyId, purchaseOrderMutation, selectedTickets]);
+  }, [currencyId, purchaseOrderMutation, selectedTickets, setIsDisabled]);
 
   return (
     <div className="flex flex-col gap-4">
@@ -156,9 +157,7 @@ export const ConfirmationTab = ({
             console.error(error);
           });
         }}
-        isDisabled={
-          numberOfTickets === 0 || purchaseOrderMutationResults.loading
-        }
+        isDisabled={numberOfTickets === 0 || isDisabled}
         total={formattedTotal}
       />
     </div>

From 7f6712efd140247b52f0654095c5e341b0177382 Mon Sep 17 00:00:00 2001
From: Jose Lezama <me@joseglego.io>
Date: Wed, 25 Sep 2024 09:06:01 -0300
Subject: [PATCH 3/4] feat(MyEvent): adjust QR for smaller screens

---
 app/components/MyEvent/MyEvent.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/MyEvent/MyEvent.tsx b/app/components/MyEvent/MyEvent.tsx
index 5ddd81a..7366b40 100644
--- a/app/components/MyEvent/MyEvent.tsx
+++ b/app/components/MyEvent/MyEvent.tsx
@@ -48,7 +48,7 @@ const Ticket = ({
     <Card className="h-full bg-white p-6 text-black">
       <div className="relative mx-auto mt-4 w-full max-w-[90%] text-center">
         <div className={cn(showQR ? "" : "blur-lg")}>
-          <QRCode className="mx-auto" value={ticket.id} />
+          <QRCode className="mx-auto max-w-[90%]" value={ticket.id} />
         </div>
         <Button
           className="mt-8"

From 2bacfe9479672e2f470b55e19c70c81297b15acd Mon Sep 17 00:00:00 2001
From: Jose Lezama <me@joseglego.io>
Date: Wed, 25 Sep 2024 09:06:02 -0300
Subject: [PATCH 4/4] chore(SuccessPayment): update message based on feedback

---
 app/components/PurchaseOrder/Callback.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/PurchaseOrder/Callback.tsx b/app/components/PurchaseOrder/Callback.tsx
index 1a959ef..0c57902 100644
--- a/app/components/PurchaseOrder/Callback.tsx
+++ b/app/components/PurchaseOrder/Callback.tsx
@@ -83,7 +83,8 @@ const PurchaseStatusAlert = ({
       classNames:
         "border-green-800/50 text-green-800 dark:border-green-400/50 dark:text-green-400  [&>svg]:text-green-800 dark:[&>svg]:text-green-400",
       title: "Compra completada",
-      description: "Felicidades vas a asistir a la próxima",
+      description:
+        "YA ESTAS LIST@! 🎉. Cuéntale al mundo, Compártelo tus redes!",
     },
     [PurchaseOrderStatusEnum.Expired]: {
       icon: <CircleCheck className="size-4" />,