test

Author: NishantGupt786

src/components/Card.tsx

@@ -52,42 +52,39 @@ const Card = ({
     }
   }
 
-  function handleOpen(event: React.MouseEvent) {
-    event.stopPropagation();
-    
-    const storedPapers = JSON.parse(localStorage.getItem("clickedPapers") ?? "[]");
-    const paperExists = storedPapers.some((storedPaper: Paper) => storedPaper._id === paper._id);
-    
+  function handleOpen() {
+    const storedPapers = JSON.parse(
+      localStorage.getItem("clickedPapers") ?? "[]",
+    );
+    const paperExists = storedPapers.some(
+      (storedPaper: Paper) => storedPaper._id === paper._id,
+    );
     if (!paperExists) {
       const updatedPapers = [paper, ...storedPapers];
       const lastThreePapers = updatedPapers.slice(0, 4);
       localStorage.setItem("clickedPapers", JSON.stringify(lastThreePapers));
     }
-  
-    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);
+    window.open(paper.finalUrl, "_blank");
   }
-  
 
   return (
     <div
       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 `}
     >
-      <button onClick={handleOpen} className="w-full">
+      <Link
+        href={paper.finalUrl}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
         <Image
           src={paper.thumbnailUrl}
           alt={paper.subject}
           width={320}
           height={180}
           className="mb-2 h-[180px] w-full cursor-pointer object-cover"
         />
-      </button>
+      </Link>
 
       <div className="text-sm font-medium">
         {extractBracketContent(paper.subject)}

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>

vercel.json

@@ -0,0 +1,14 @@
+{
+    "headers": [
+      {
+        "source": "/(.*)",
+        "headers": [
+          {
+            "key": "Content-Security-Policy",
+            "value": "default-src 'self'; img-src 'self' http://res.cloudinary.com https://res.cloudinary.com; media-src 'self' http://res.cloudinary.com https://res.cloudinary.com; frame-src 'self';"
+          }
+        ]
+      }
+    ]
+  }
+