Download button in DocItem to download rather than opening in new tab

Clubs-Council-IIITH · Dec 20, 2024 · a2795a7 · a2795a7
1 parent 1acb0d9
commit a2795a7
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/docs/DocItem.jsx b/src/components/docs/DocItem.jsx
@@ -36,8 +36,18 @@ export default function DocItem({
 
   const handleDownload = () => {
     const fileUrl = getFile(buildFileName(file, version), true, true);
-    window.open(fileUrl, "_blank");
+
+    // Create an anchor element
+    const anchor = document.createElement("a");
+    anchor.href = fileUrl;
+    anchor.download = buildFileName(file, version);
+
+    // Append it to the body (necessary for some browsers)
+    document.body.appendChild(anchor);
+    anchor.click();
+    document.body.removeChild(anchor);
   };
+
   const handleVersionChange = (event) => {
     versionChange(event.target.value);
   };