Merge pull request #31 from anuaimi/14-make-download-button-work

make download button work

Author: anuaimi

src/Download.tsx

@@ -14,9 +14,11 @@ function Download({paper, layout, year}:DownloadProps) {
 
   const downloadLayout = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
     // need to get state of: pageSize, layout, year
-    const msg = "paperSize: " + paper + " layout: " + layout + " year: " + year;
-    alert(msg);
-    // window.open("https://philofaxy.com/inserts/__2020%20revamp/1.1%20day%20per%20page/2023%201.1.1.pdf")
+
+    const pdfUrl = `layouts/${paper}/${year}/${layout}.pdf`
+    // console.log("insert url is " + pdfUrl);
+    window.open(pdfUrl);
+  
   }
 
   return (

src/PaperPreview.tsx

@@ -13,7 +13,7 @@ function PaperPreview({paper, layout}:PaperPreviewProps) {
   const generatePreviewUrl = () => {
 
     const previewUrl = `images/${paper}/${layout}.png`;
-    console.log("preview url is " + previewUrl);
+    // console.log("preview url is " + previewUrl);
     return previewUrl;
   }
 

src/PlannerLayouts.tsx

@@ -16,29 +16,29 @@ function PlannerLayouts({paper, setPaperSize, layout, setLayout}:PlannerLayoutPr
 
   const getTabIndex = (paperSize:string) => {
     if (paperSize === "a4-a5") {
-      console.log("a4-a5 is selected");
+      // console.log("a4-a5 is selected");
       return 0;
     }
     else if (paperSize === "personal") {
-      console.log("personal is selected");
+      // console.log("personal is selected");
       return 1;
     } else {
       // must be pocket
-      console.log("pocket is selected");
+      // console.log("pocket is selected");
       return 2;
     }
   }
 
   const handleTabChange= (index: number) => {
     if (index === 0) {
       setPaperSize('a4-a5');
-      console.log('set paper size to a4-a5');
+      // console.log('set paper size to a4-a5');
     } else if (index === 1) {
       setPaperSize('personal');
-      console.log('set paper size to personal');
+      // console.log('set paper size to personal');
     } else {
       setPaperSize('pocket');
-      console.log('set paper size to pocket');
+      // console.log('set paper size to pocket');
     }
   }