From fc7e7cde8a93daa9b985cf9113dfa83c99810c9f Mon Sep 17 00:00:00 2001
From: Louis Jordan <louisjoecodes@gmail.com>
Date: Thu, 5 Dec 2024 15:10:20 +0000
Subject: [PATCH] feat: push

---
 .../talk-to-santa/components/call-button.tsx          | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/examples/conversational-ai/talk-to-santa/components/call-button.tsx b/examples/conversational-ai/talk-to-santa/components/call-button.tsx
index 9e5e023..a09479e 100644
--- a/examples/conversational-ai/talk-to-santa/components/call-button.tsx
+++ b/examples/conversational-ai/talk-to-santa/components/call-button.tsx
@@ -5,6 +5,7 @@ import { cn } from "@/lib/utils";
 import { Loader2 } from "lucide-react";
 import Image from "next/image";
 import { useState } from "react";
+import { christmasFont } from "@/components/custom-fonts";
 
 interface CallButtonProps {
   status: "disconnected" | "connecting" | "connected" | "disconnecting";
@@ -46,6 +47,16 @@ export function CallButton({
   };
   return (
     <>
+      {!isCalling && (
+        <div
+          className={cn(
+            "text-white font-bold flex items-center gap-2 text-sm mb-2",
+            christmasFont.className
+          )}
+        >
+          For the best experience, find a quiet place
+        </div>
+      )}
       <Button
         variant="default"
         onClick={onCallClick}