Chamged how download page downloads file (#78)

austincondiff · web-flow · commit 85ffaa4e91d6 · 2024-03-07T14:35:23.000-06:00
diff --git a/components/pages/download/index.js b/components/pages/download/index.js
@@ -43,37 +43,21 @@ const StepNumber = styled.div`
   font-size: 18px;
   border: 2.5px solid;
 `;
+const Download = styled.iframe`
+  width: 0;
+  height: 0;
+  position: fixed;
+  top: 100%;
+  right: 100%;
+  border: 0;
+  background: transparent;
+  opacity: 0;
+`;
 
 export default function DownloadPage({ downloadUrl }) {
-  const downloadStartedRef = useRef(false);
-
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (!downloadStartedRef.current) {
-        const link = document.createElement('a');
-        link.href = downloadUrl;
-        link.setAttribute('download', `CodeEdit.dmg`);
-
-        // Append to html link element page
-        document.body.appendChild(link);
-
-        // Start download
-        link.click();
-
-        // Clean up and remove the link
-        link.parentNode.removeChild(link);
-
-        downloadStartedRef.current = true;
-      }
-    }, 100);
-
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [downloadUrl]);
-
   return (
     <>
+      <Download src={downloadUrl} />
       <Section contained gutterTop>
         <Row align="center" style={{ position: 'relative', zIndex: 1 }}>
           <Column width={{ md: 12, lg: 12 }}>
