From d734474af01934e72da0c408a434d77631aea28e Mon Sep 17 00:00:00 2001
From: Deepaksingh Kushwah <deepkushwah824@gmail.com>
Date: Wed, 9 Aug 2023 18:55:17 +0530
Subject: [PATCH] chore: add close button on popup (#1485)

---
 components/popup/popupInfo.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/popup/popupInfo.tsx b/components/popup/popupInfo.tsx
index 3f24b51f9..0d204edc5 100644
--- a/components/popup/popupInfo.tsx
+++ b/components/popup/popupInfo.tsx
@@ -55,7 +55,7 @@ export const PopupInfo: React.FC<{
             </div>
             <p className="">{currentCard?.description}</p>
           </div>
-          <div className="card-actions justify-end">
+          <div className="card-actions justify-end mt-auto">
             <a
               onClick={(e) => e.stopPropagation()}
               href={currentCard?.url}
@@ -66,6 +66,16 @@ export const PopupInfo: React.FC<{
               Visit site
             </a>
           </div>
+
+          {/* Close Text */}
+          <div className="flex justify-center items-center">
+            <p
+              onClick={onClose}
+              className="cursor-pointer text-sm text-text-primary -mt-3 hover:text-theme-primary hover:underline"
+            >
+              Close
+            </p>
+          </div>
         </div>,
         overlayRoot
       )}