Fix/table export (#781)

* Fixed issue where dashboards were marked as draft incorrectly on selection change

* fixing comma escaping in csv export

* fixing utf-8 charset encoding for csv

* removing console.log

* Opening card settings does not mark a dashboard as draft anymore

* Fixed alignment for download CSV button

---------

Co-authored-by: Niels de Jong <[email protected]>
Co-authored-by: Alfred Rubin <[email protected]>

Author: alfredorubin96

src/application/ApplicationReducer.ts

@@ -4,6 +4,7 @@
 
 import {
   HARD_RESET_CARD_SETTINGS,
+  TOGGLE_CARD_SETTINGS,
   UPDATE_ALL_SELECTIONS,
   UPDATE_FIELDS,
   UPDATE_SCHEMA,
@@ -86,6 +87,7 @@ export const applicationReducer = (state = initialState, action: { type: any; pa
       UPDATE_ALL_SELECTIONS,
       UPDATE_FIELDS,
       SET_DASHBOARD_UUID,
+      TOGGLE_CARD_SETTINGS,
       UPDATE_SELECTION,
     ];
 

src/chart/ChartUtils.ts

@@ -167,13 +167,12 @@ export const downloadCSV = (rows) => {
       if (value && value.low) {
         value = value.low;
       }
-      csv += JSON.stringify(value).replaceAll(',', ';');
-      csv += headers.indexOf(header) < headers.length - 1 ? ', ' : '';
+      csv += `${JSON.stringify(value)}`;
+      csv += headers.indexOf(header) < headers.length - 1 ? ',' : '';
     });
     csv += '\n';
   });
-
-  const file = new Blob([csv], { type: 'text/plain' });
+  const file = new Blob([csv], { type: 'text/plain;charset=utf8' });
   element.href = URL.createObjectURL(file);
   element.download = 'table.csv';
   document.body.appendChild(element); // Required for this to work in FireFox

src/chart/table/TableChart.tsx

@@ -249,7 +249,7 @@ export const NeoTableChart = (props: ChartProps) => {
                 downloadCSV(rows);
               }}
               aria-label='download csv'
-              className='n-absolute n-z-10 n-bottom-7 n-left-1'
+              className='n-absolute n-z-10 n-bottom-2 n-left-1'
               clean
             >
               <CloudArrowDownIconOutline />