From ee988867bdf32edd91a45135662f2e0c06e5e477 Mon Sep 17 00:00:00 2001
From: dha-aa <172045152+dha-aa@users.noreply.github.com>
Date: Sun, 6 Apr 2025 11:29:11 +0530
Subject: [PATCH] fix:Remove duplicate whatsapp button componets

---
 app/page.tsx                          |  2 +-
 components/whatsapp-button-simple.tsx | 51 ----------------
 components/whatsapp-button.tsx        | 84 +++++++++++++--------------
 3 files changed, 41 insertions(+), 96 deletions(-)
 delete mode 100644 components/whatsapp-button-simple.tsx

diff --git a/app/page.tsx b/app/page.tsx
index c30248e..2a3d74a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,7 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import { ArrowRight, Github, Download, MessageSquare, Share2, ChevronRight, AlertTriangle } from "lucide-react";
-import { WhatsAppButton } from "@/components/whatsapp-button-simple";
+import { WhatsAppButton } from "@/components/whatsapp-button";
 
 export default function Home() {
   return (
diff --git a/components/whatsapp-button-simple.tsx b/components/whatsapp-button-simple.tsx
deleted file mode 100644
index 6760087..0000000
--- a/components/whatsapp-button-simple.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-
-interface WhatsAppButtonProps {
-  agentNumber: string | undefined;
-}
-
-export const WhatsAppButton: React.FC<WhatsAppButtonProps> = ({ agentNumber }) => {
-  const [showTooltip, setShowTooltip] = useState(false);
-  
-  return (
-    <div className="relative inline-block">
-      <a
-        href={agentNumber ? `https://wa.me/${agentNumber.replace("+", "")}` : "#"}
-        target="_blank"
-        rel="noopener noreferrer"
-        onClick={(e) => !agentNumber && e.preventDefault()}
-        onMouseEnter={() => !agentNumber && setShowTooltip(true)}
-        onMouseLeave={() => setShowTooltip(false)}
-        className={`rounded-lg px-6 py-3 bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white flex items-center gap-2 transition-all ${
-          agentNumber 
-            ? "hover:shadow-lg transform hover:-translate-y-1" 
-            : "opacity-70 cursor-not-allowed"
-        }`}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="20"
-          height="20"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        >
-          <path d="M3 21l1.65-3.8a9 9 0 1 1 3.4 2.9L3 21" />
-        </svg>
-        Experience the Demo on WhatsApp
-      </a>
-      
-      {showTooltip && !agentNumber && (
-        <div className="absolute z-50 bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 text-xs rounded-md bg-slate-800 text-white w-64">
-          <p>Get the Pro Plan at <a href="https://www.a1base.com" className="underline" target="_blank" rel="noopener noreferrer">a1base.com</a> for WhatsApp integration</p>
-          <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-800"></div>
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/components/whatsapp-button.tsx b/components/whatsapp-button.tsx
index ae7142e..6760087 100644
--- a/components/whatsapp-button.tsx
+++ b/components/whatsapp-button.tsx
@@ -1,55 +1,51 @@
 "use client";
 
-import React from "react";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
+import React, { useState } from "react";
 
 interface WhatsAppButtonProps {
   agentNumber: string | undefined;
 }
 
 export const WhatsAppButton: React.FC<WhatsAppButtonProps> = ({ agentNumber }) => {
+  const [showTooltip, setShowTooltip] = useState(false);
+  
   return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <a
-            href={agentNumber ? `https://wa.me/${agentNumber.replace("+", "")}` : "#"}
-            target="_blank"
-            rel="noopener noreferrer"
-            onClick={(e) => !agentNumber && e.preventDefault()}
-            className={`rounded-lg px-6 py-3 bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white flex items-center gap-2 transition-all ${
-              agentNumber 
-                ? "hover:shadow-lg transform hover:-translate-y-1" 
-                : "opacity-70 cursor-not-allowed"
-            }`}
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20"
-              height="20"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <path d="M3 21l1.65-3.8a9 9 0 1 1 3.4 2.9L3 21" />
-            </svg>
-            Experience the Demo on WhatsApp
-          </a>
-        </TooltipTrigger>
-        {!agentNumber && (
-          <TooltipContent className="bg-slate-800 text-white">
-            <p>Get the Pro Plan at <a href="https://www.a1base.com" className="underline" target="_blank" rel="noopener noreferrer">a1base.com</a> for WhatsApp integration</p>
-          </TooltipContent>
-        )}
-      </Tooltip>
-    </TooltipProvider>
+    <div className="relative inline-block">
+      <a
+        href={agentNumber ? `https://wa.me/${agentNumber.replace("+", "")}` : "#"}
+        target="_blank"
+        rel="noopener noreferrer"
+        onClick={(e) => !agentNumber && e.preventDefault()}
+        onMouseEnter={() => !agentNumber && setShowTooltip(true)}
+        onMouseLeave={() => setShowTooltip(false)}
+        className={`rounded-lg px-6 py-3 bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white flex items-center gap-2 transition-all ${
+          agentNumber 
+            ? "hover:shadow-lg transform hover:-translate-y-1" 
+            : "opacity-70 cursor-not-allowed"
+        }`}
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        >
+          <path d="M3 21l1.65-3.8a9 9 0 1 1 3.4 2.9L3 21" />
+        </svg>
+        Experience the Demo on WhatsApp
+      </a>
+      
+      {showTooltip && !agentNumber && (
+        <div className="absolute z-50 bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 text-xs rounded-md bg-slate-800 text-white w-64">
+          <p>Get the Pro Plan at <a href="https://www.a1base.com" className="underline" target="_blank" rel="noopener noreferrer">a1base.com</a> for WhatsApp integration</p>
+          <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-800"></div>
+        </div>
+      )}
+    </div>
   );
 };