Fix formatting

plugins/main/public/components/common/tables/components/export-table-csv.tsx

@@ -11,19 +11,20 @@
  */
 
 import React from 'react';
-import {
-  EuiFlexItem,
-  EuiButtonEmpty,
-  EuiIconTip
-} from '@elastic/eui';
+import { EuiFlexItem, EuiButtonEmpty, EuiIconTip } from '@elastic/eui';
 import exportCsv from '../../../../react-services/wz-csv';
-import { getToasts }  from '../../../../kibana-services';
+import { getToasts } from '../../../../kibana-services';
 import { UI_ERROR_SEVERITIES } from '../../../../react-services/error-orchestrator/types';
 import { UI_LOGGER_LEVELS } from '../../../../../common/constants';
 import { getErrorOrchestrator } from '../../../../react-services/common-services';
 
-export function ExportTableCsv({ endpoint, totalItems, filters, title, maxRows }) {
-
+export function ExportTableCsv({
+  endpoint,
+  totalItems,
+  filters,
+  title,
+  maxRows,
+}) {
   const showToast = (color, title, time) => {
     getToasts().add({
       color: color,
@@ -34,15 +35,12 @@ export function ExportTableCsv({ endpoint, totalItems, filters, title, maxRows }
 
   const downloadCsv = async () => {
     try {
-      const formatedFilters = Object.entries(filters).map(([name, value]) => ({name, value}));
+      const formatedFilters = Object.entries(filters).map(([name, value]) => ({
+        name,
+        value,
+      }));
       showToast('success', 'Your download should begin automatically...', 3000);
-      await exportCsv(
-        endpoint,
-        [
-          ...formatedFilters
-        ],
-        `${(title).toLowerCase()}`
-      );
+      await exportCsv(endpoint, [...formatedFilters], `${title.toLowerCase()}`);
     } catch (error) {
       const options = {
         context: `${ExportTableCsv.name}.downloadCsv`,
@@ -56,25 +54,36 @@ export function ExportTableCsv({ endpoint, totalItems, filters, title, maxRows }
       };
       getErrorOrchestrator().handleError(options);
     }
-  }
+  };
 
-  return <EuiFlexItem grow={false}>
-  <EuiButtonEmpty isDisabled={(totalItems == 0)} iconType="importAction" onClick={() => downloadCsv()}>
-    Export formatted
-  {totalItems > maxRows&&<> <EuiIconTip
-          content={`The exported CSV will be limited to the first ${maxRows} lines. You can change this limit in Dashboard management > App Settings`}
-          size='m'
-          color='primary'
-          type='iInCircle'
-        /></>}
-  </EuiButtonEmpty>
+  return (
+    <EuiFlexItem grow={false}>
+      <EuiButtonEmpty
+        isDisabled={totalItems == 0}
+        iconType='importAction'
+        onClick={() => downloadCsv()}
+      >
+        Export formatted
+        {totalItems > maxRows && (
+          <>
+            {' '}
+            <EuiIconTip
+              content={`The exported CSV will be limited to the first ${maxRows} lines. You can change this limit in Dashboard management > App Settings`}
+              size='m'
+              color='primary'
+              type='iInCircle'
+            />
+          </>
+        )}
+      </EuiButtonEmpty>
     </EuiFlexItem>
+  );
 }
 
 // Set default props
 ExportTableCsv.defaultProps = {
-    endpoint:'/',
-    totalItems:0,
-    filters: [],
-    title:""
-  };
+  endpoint: '/',
+  totalItems: 0,
+  filters: [],
+  title: '',
+};

plugins/main/public/components/common/tables/table-wz-api.tsx

@@ -253,7 +253,6 @@ export function TableWzAPI({
                   }
                   maxRows={maxRows}
                 />
-
               </>
             )}
             {/* Render optional post custom action button */}