changes made

rupali-codes · Aug 5, 2023 · 0756cdf · 0756cdf
1 parent 4f17193
commit 0756cdf
Showing 1 changed file with 11 additions and 10 deletions.
diff --git 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
       )}