Merge pull request #339 from NASA-IMPACT/feature/export-as-png

Explicitely export to PNG
NASA-IMPACT · Nov 17, 2022 · 60a631b · 60a631b
2 parents f8c0e20 + 4bc2842
commit 60a631b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/app/scripts/components/analysis/results/chart-card.tsx b/app/scripts/components/analysis/results/chart-card.tsx
@@ -157,7 +157,7 @@ export default function ChartCard(props: ChartCardProps) {
                   <DropMenuItemButton
                     onClick={(e) => onExportClick(e, 'image')}
                   >
-                    Image (JPG)
+                    Image (PNG)
                   </DropMenuItemButton>
                 </li>
                 <li>

diff --git a/app/scripts/components/common/chart/analysis/index.tsx b/app/scripts/components/common/chart/analysis/index.tsx
@@ -56,7 +56,7 @@ export default React.forwardRef<AnalysisChartRef, AnalysisChartProps>(
               lineColors: props.colors
             })
           });
-          FileSaver.saveAs(chartImageUrl, `${name}.jpg`);
+          FileSaver.saveAs(chartImageUrl, `${name}.png`);
         }
       }),
       [uniqueKeys, props.colors, altTitle]

diff --git a/app/scripts/components/common/chart/analysis/utils.ts b/app/scripts/components/common/chart/analysis/utils.ts
@@ -157,8 +157,8 @@ function drawOnCanvas({
     legendHeight
   );
 
-  const jpg = c.toDataURL('image/jpg');
-  return jpg;
+  const png = c.toDataURL();
+  return png;
 }
 
 function loadImageWithPromise(url: string) {