chore: add close button on popup (#1485)

rupali-codes · Aug 9, 2023 · d734474 · d734474 · vercel · Aug 9, 2023
1 parent 15a3408
commit d734474
Showing 1 changed file with 11 additions and 1 deletion.
diff --git 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
       )}