Merge branch 'CodeChefVIT:master' into master

Author: abhitrueprogrammer

src/components/Card.tsx

@@ -72,13 +72,16 @@ const Card = ({
       key={paper._id}
       className={`w-56 space-y-1 rounded-xl border border-black dark:border-[#7480FF]/25  ${checked ? "bg-[#EEF2FF] dark:bg-[#050b1f]" : ""}  p-4 `}
     >
-      <Link href={paper.finalUrl}>
+      <Link
+        href={paper.finalUrl}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
         <Image
           src={paper.thumbnailUrl}
           alt={paper.subject}
           width={320}
           height={180}
-          onClick={handleOpen}
           className="mb-2 h-[180px] w-full cursor-pointer object-cover"
         />
       </Link>
@@ -94,7 +97,7 @@ const Card = ({
         {capsule(paper.slot)}
         {capsule(paper.year)}
       </div>
-      <div className="hidden md:flex items-center justify-between gap-2">
+      <div className="hidden items-center justify-between gap-2 md:flex">
         <div className="flex items-center gap-1">
           <input
             checked={checked}

src/components/PreviewCard.tsx

@@ -8,20 +8,31 @@ import { capsule } from "@/util/utils";
 import Link from "next/link";
 
 const PreviewCard = ({ paper }: { paper: Paper }) => {
+
+  function handleOpen(event: React.MouseEvent) {
+    event.stopPropagation();
+    const link = document.createElement("a");
+    link.href = paper.finalUrl;
+    link.target = "_blank";
+    link.rel = "noopener noreferrer";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  }
   return (
     <div
       key={paper._id}
       className="w-56 space-y-1 rounded-xl border border-black border-opacity-50 p-4 dark:border-[#7480FF]/25"
     >
-      <Link href={paper.finalUrl} target="_blank" rel="noopener noreferrer">
+      <button onClick={handleOpen} className="w-full">
         <Image
           src={paper.thumbnailUrl}
           alt={paper.subject}
           width={180}
           height={180}
           className="mb-2 h-[150px] w-full object-cover"
         />
-      </Link>
+      </button>
       <div className="text-sm font-medium">
         {extractBracketContent(paper.subject)}
       </div>