test

Author: abhitrueprogrammer

src/components/Card.tsx

@@ -28,6 +28,7 @@ const Card = ({
   }, [isSelected]);
 
   const handleDownload = async (paper: Paper) => {
+    
     const extension = paper.finalUrl.split(".").pop();
     const fileName = `${extractBracketContent(paper.subject)}-${paper.exam}-${paper.slot}-${paper.year}.${extension}`;
     await downloadFile(paper.finalUrl, fileName);
@@ -39,16 +40,23 @@ const Card = ({
   }
 
   async function downloadFile(url: string, filename: string) {
-    try {
-      const response = await axios.get(url, { responseType: "blob" });
-      const blob = new Blob([response.data]);
-      const link = document.createElement("a");
-      link.href = window.URL.createObjectURL(blob);
-      link.download = filename;
-      link.click();
-      window.URL.revokeObjectURL(link.href);
-    } catch (error) {
-      console.error("Error downloading file:", error);
+    if (/Mobi|Android/i.test(navigator.userAgent)) {
+      window.location.href = url;
+    } else {
+      try {
+        const response = await axios.get(url, { responseType: "blob" });
+        const blob = new Blob([response.data]);
+        const link = document.createElement("a");
+        link.href = window.URL.createObjectURL(blob);
+        link.download = filename;
+
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(link.href);
+      } catch (error) {
+        console.error("Error downloading file:", error);
+      }
     }
   }
 
@@ -78,10 +86,7 @@ const Card = ({
           alt={paper.subject}
           width={320}
           height={180}
-          onClick={(e) => {
-            e.stopPropagation(); // Prevents any parent link click from being triggered
-            handleOpen();
-          }}
+          onClick={handleOpen}
           className="mb-2 h-[180px] w-full cursor-pointer object-cover"
         />
       </Link>
@@ -97,7 +102,7 @@ const Card = ({
         {capsule(paper.slot)}
         {capsule(paper.year)}
       </div>
-      <div className="hidden items-center justify-between gap-2 md:flex">
+      <div className="hidden md:flex items-center justify-between gap-2">
         <div className="flex items-center gap-1">
           <input
             checked={checked}