From c1f5c0198a8623aad87939dceafaecb628411e84 Mon Sep 17 00:00:00 2001
From: Louis Jordan <louisjoecodes@gmail.com>
Date: Thu, 5 Dec 2024 15:02:53 +0000
Subject: [PATCH] fix: buttons

---
 .../talk-to-santa/app/(main)/(santa)/page.tsx         |  2 +-
 .../talk-to-santa/components/santa-card.tsx           | 11 +++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/examples/conversational-ai/talk-to-santa/app/(main)/(santa)/page.tsx b/examples/conversational-ai/talk-to-santa/app/(main)/(santa)/page.tsx
index 2212dbd..3455a21 100644
--- a/examples/conversational-ai/talk-to-santa/app/(main)/(santa)/page.tsx
+++ b/examples/conversational-ai/talk-to-santa/app/(main)/(santa)/page.tsx
@@ -307,7 +307,7 @@ export default function Page() {
           </div>
         )}
 
-        {conversation.status === "connected" && (
+        {conversation.status === "connected" && !isEndingCall && (
           <div
             className={cn(
               "flex flex-col gap-3 mt-4",
diff --git a/examples/conversational-ai/talk-to-santa/components/santa-card.tsx b/examples/conversational-ai/talk-to-santa/components/santa-card.tsx
index 9196f00..ed69e8e 100644
--- a/examples/conversational-ai/talk-to-santa/components/santa-card.tsx
+++ b/examples/conversational-ai/talk-to-santa/components/santa-card.tsx
@@ -133,6 +133,7 @@ export function SantaCard({
                   variant="default"
                   className="flex-1 px-4 py-2 rounded-full border-gray-500 border-2 bg-gray-900/90 hover:bg-gray-950/90 text-white backdrop-blur-[16px] shadow-2xl"
                   onClick={async () => {
+                    setIsOpen(false);
                     await conversation.endSession();
                     window.location.reload();
                   }}
@@ -142,7 +143,10 @@ export function SantaCard({
                 <Button
                   variant="default"
                   className="flex-1 px-4 py-2 rounded-full border-blue-500 border-2 bg-blue-900/90 hover:bg-blue-950/90 text-white backdrop-blur-[16px] shadow-2xl"
-                  onClick={() => endCall(false)}
+                  onClick={() => {
+                    setIsOpen(false);
+                    endCall(false);
+                  }}
                 >
                   Save Card without Video
                   <VideoOffIcon className="w-4 h-4 ml-2" />
@@ -150,7 +154,10 @@ export function SantaCard({
                 <Button
                   variant="default"
                   className="flex-1 px-4 py-2 rounded-full border-emerald-500 border-2 bg-emerald-900/90 hover:bg-emerald-950/90 text-white backdrop-blur-[16px] shadow-2xl"
-                  onClick={() => endCall()}
+                  onClick={() => {
+                    setIsOpen(false);
+                    endCall();
+                  }}
                 >
                   Save Card with Video
                   <VideoIcon className="w-4 h-4 ml-2" />