From 4f171930fe51bc42fa551775e9ce3eb5650f3a3e Mon Sep 17 00:00:00 2001
From: Deepak Singh <deepkushwah824@gmail.com>
Date: Fri, 4 Aug 2023 18:05:37 +0530
Subject: [PATCH 1/4] symbol added

---
 components/popup/index.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/components/popup/index.tsx b/components/popup/index.tsx
index 964c3df82..504b4c519 100644
--- a/components/popup/index.tsx
+++ b/components/popup/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { IData } from 'types'
 import { BsGlobe } from 'react-icons/bs'
+import { AiOutlineClose } from 'react-icons/ai' // Import the close icon
 import { Backdrop } from 'components/Backdrop/Backdrop'
 import { createPortal } from 'react-dom'
 import useDelayUnmount from 'hooks/useDelayUnmount'
@@ -34,6 +35,14 @@ const Popup: React.FC<{
           role="dialog"
           title={`${currentCard?.name ?? 'Card'} Popup`}
         >
+          {/* Close Icon */}
+          <button
+            onClick={onClose}
+            className="absolute top-3 right-3 text-xl text-theme-primary"
+          >
+            <AiOutlineClose />
+          </button>
+
           <div className="flex flex-col gap-5">
             <div className="flex justify-between items-center">
               <div className="w-full flex justify-between items-center">

From 0756cdff8ad3f2a59713872d4f37f5d7cc0a9923 Mon Sep 17 00:00:00 2001
From: Deepak Singh <deepkushwah824@gmail.com>
Date: Sat, 5 Aug 2023 16:35:20 +0530
Subject: [PATCH 2/4] changes made

---
 components/popup/index.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/components/popup/index.tsx b/components/popup/index.tsx
index 504b4c519..d15521afd 100644
--- a/components/popup/index.tsx
+++ b/components/popup/index.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import { IData } from 'types'
 import { BsGlobe } from 'react-icons/bs'
-import { AiOutlineClose } from 'react-icons/ai' // Import the close icon
 import { Backdrop } from 'components/Backdrop/Backdrop'
 import { createPortal } from 'react-dom'
 import useDelayUnmount from 'hooks/useDelayUnmount'
@@ -35,14 +34,6 @@ const Popup: React.FC<{
           role="dialog"
           title={`${currentCard?.name ?? 'Card'} Popup`}
         >
-          {/* Close Icon */}
-          <button
-            onClick={onClose}
-            className="absolute top-3 right-3 text-xl text-theme-primary"
-          >
-            <AiOutlineClose />
-          </button>
-
           <div className="flex flex-col gap-5">
             <div className="flex justify-between items-center">
               <div className="w-full flex justify-between items-center">
@@ -64,7 +55,7 @@ const Popup: 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}
@@ -75,6 +66,16 @@ const Popup: React.FC<{
               Visit site
             </a>
           </div>
+
+          {/* Close Text */}
+          <div className="flex justify-center items-center">
+            <p
+              onClick={onClose}
+              className="cursor-pointer text-xl text-theme-primary"
+            >
+              Close
+            </p>
+          </div>
         </div>,
         overlayRoot
       )}

From fd8a82d9bd41634cedaa7ffc420095a2edf26a31 Mon Sep 17 00:00:00 2001
From: Deepak Singh <deepkushwah824@gmail.com>
Date: Wed, 9 Aug 2023 10:28:36 +0530
Subject: [PATCH 3/4] close

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

diff --git a/components/popup/popupInfo.tsx b/components/popup/popupInfo.tsx
index 0745ff811..30d45c49b 100644
--- a/components/popup/popupInfo.tsx
+++ b/components/popup/popupInfo.tsx
@@ -71,7 +71,7 @@ export const PopupInfo: React.FC<{
           <div className="flex justify-center items-center">
             <p
               onClick={onClose}
-              className="cursor-pointer text-xl text-theme-primary"
+              className="cursor-pointer text-sm text-theme-primary -mt-3"
             >
               Close
             </p>

From 26a2d16eb9fadf108166a413c2d35d9023e1f459 Mon Sep 17 00:00:00 2001
From: Rupali Haldiya <78981177+rupali-codes@users.noreply.github.com>
Date: Wed, 9 Aug 2023 13:38:11 +0530
Subject: [PATCH 4/4] chore: add hover effect

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

diff --git a/components/popup/popupInfo.tsx b/components/popup/popupInfo.tsx
index 30d45c49b..0d204edc5 100644
--- a/components/popup/popupInfo.tsx
+++ b/components/popup/popupInfo.tsx
@@ -71,7 +71,7 @@ export const PopupInfo: React.FC<{
           <div className="flex justify-center items-center">
             <p
               onClick={onClose}
-              className="cursor-pointer text-sm text-theme-primary -mt-3"
+              className="cursor-pointer text-sm text-text-primary -mt-3 hover:text-theme-primary hover:underline"
             >
               Close
             </p>