(feature) Add support for emitReportFileGenerationFailedToOne event

public/locales/en/translations.json

@@ -285,9 +285,11 @@
     "remoteStorage": "Remote storage",
     "status": {
       "local": "Export generated, files are saved in: ",
-      "email": "Generating your CSV report, we'll send it to you via email as soon as it's ready..."
+      "email": "Generating your report, we'll send it to you via email as soon as it's ready...",
+      "failed": "Export generation failed. Please select a smaller date range or try again later."
     },
     "success": "Success",
+    "fail": "Fail",
     "targets": "Data to Export",
     "exportAsPdf": "Export as PDF"
   },

src/components/ExportDialog/ExportDialog.container.js

@@ -7,9 +7,9 @@ import { toggleExportDialog } from 'state/ui/actions'
 import { getTimestamp } from 'state/wallets/selectors'
 import { getTimeFrame } from 'state/timeRange/selectors'
 import { getIsExportDialogOpen } from 'state/ui/selectors'
-import { exportCsv, prepareExport } from 'state/query/actions'
+import { exportReport, prepareExport } from 'state/query/actions'
 import { getFullTime, getTimezone } from 'state/base/selectors'
-import { getExportEmail, getIsCsvExporting } from 'state/query/selectors'
+import { getExportEmail, getIsReportExporting } from 'state/query/selectors'
 
 import ExportDialog from './ExportDialog'
 
@@ -20,11 +20,11 @@ const mapStateToProps = state => ({
   timestamp: getTimestamp(state),
   getFullTime: getFullTime(state),
   isOpen: getIsExportDialogOpen(state),
-  isExporting: getIsCsvExporting(state),
+  isExporting: getIsReportExporting(state),
 })
 
 const mapDispatchToProps = {
-  exportCsv,
+  exportReport,
   prepareExport,
   toggleDialog: toggleExportDialog,
 }

src/components/ExportDialog/ExportDialog.js

@@ -31,7 +31,7 @@ class ExportDialog extends PureComponent {
     end: PropTypes.number,
     email: PropTypes.string,
     toggleDialog: PropTypes.func.isRequired,
-    exportCsv: PropTypes.func.isRequired,
+    exportReport: PropTypes.func.isRequired,
     location: PropTypes.shape({
       pathname: PropTypes.string.isRequired,
     }).isRequired,
@@ -78,15 +78,15 @@ class ExportDialog extends PureComponent {
   }
 
   startExport = () => {
-    const { exportCsv, location } = this.props
+    const { exportReport, location } = this.props
     const { currentTargets } = this.state
     tracker.trackEvent('Export')
     const target = getTarget(location.pathname)
     const targets = queryConstants.MENU_POSITIONS_AUDIT !== target
       ? currentTargets
       : [queryConstants.MENU_POSITIONS_AUDIT]
 
-    exportCsv(targets)
+    exportReport(targets)
   }
 
   toggleTarget = (target) => {

src/components/ExportFailDialog/ExportFailDialog.js

@@ -0,0 +1,52 @@
+import React from 'react'
+import { useDispatch, useSelector } from 'react-redux'
+import { useTranslation } from 'react-i18next'
+import {
+  Button,
+  Classes,
+  Dialog,
+  Intent,
+} from '@blueprintjs/core'
+
+import Icon from 'icons'
+import { tracker } from 'utils/trackers'
+import { toggleExportFailDialog } from 'state/ui/actions'
+import { getIsExportFailDialogOpen } from 'state/ui/selectors'
+
+const ExportFailDialog = () => {
+  const { t } = useTranslation()
+  const dispatch = useDispatch()
+  const isOpen = useSelector(getIsExportFailDialogOpen)
+
+  const onClose = () => {
+    tracker.trackEvent('Okay')
+    dispatch(toggleExportFailDialog())
+  }
+
+  return (
+    <Dialog
+      isOpen={isOpen}
+      onClose={onClose}
+      title={t('download.fail')}
+      isCloseButtonShown={false}
+      className='export-fail-dialog'
+    >
+      <div className={Classes.DIALOG_BODY}>
+        <Icon.WARNING />
+        <div className='export-fail-dialog-message'>
+          {t('download.status.failed')}
+        </div>
+      </div>
+      <div className={Classes.DIALOG_FOOTER}>
+        <Button
+          onClick={onClose}
+          intent={Intent.PRIMARY}
+        >
+          {t('download.okay')}
+        </Button>
+      </div>
+    </Dialog>
+  )
+}
+
+export default ExportFailDialog

src/components/ExportFailDialog/_ExportFailDialog.scss

@@ -0,0 +1,25 @@
+.export-fail-dialog {
+  .icon--warning {
+    display: block;
+    margin: 23px auto 28px auto;
+  }
+
+  &-message {
+    width: 283px;
+    text-align: center;
+    margin: 0 auto 10px auto;
+  }
+
+  .bp3-button {
+    display: block;
+    margin: 0 auto;
+  }
+}
+
+@media screen and (min-width: 2560px) {
+  .export-fail-dialog {
+    &-message {
+      line-height: 1.3;
+    }
+  }
+}

src/components/ExportFailDialog/index.js

@@ -0,0 +1 @@
+export { default } from './ExportFailDialog'

src/components/Main/Main.js

@@ -49,6 +49,7 @@ import Preferences from 'components/Preferences'
 import ExtraInfoDialog from 'components/ExtraInfoDialog'
 import TimeFrameDialog from 'components/TimeFrameDialog'
 import MaintenanceDialog from 'components/MaintenanceDialog'
+import ExportFailDialog from 'components/ExportFailDialog'
 import queryType from 'state/query/constants'
 import { getPath } from 'state/query/utils'
 import NavMenu from 'ui/NavMenu'
@@ -380,6 +381,7 @@ class Main extends PureComponent {
         <GoToRangeDialog />
         <NavMenuDrawer />
         <ExtraInfoDialog />
+        <ExportFailDialog />
         {showFrameworkMode && <MaintenanceDialog />}
       </>
     ) : ''

src/state/query/actions.js

@@ -1,18 +1,18 @@
 import types from './constants'
 
 /**
- * Create an action to export CSV.
+ * Create an action to export report.
  * @param {string[]} targets array of export types
  */
-export function exportCsv(targets) {
+export function exportReport(targets) {
   return {
-    type: types.EXPORT_CSV,
+    type: types.EXPORT_REPORT,
     payload: targets,
   }
 }
 
 /**
- * Create an action to set path to local export CSV folder.
+ * Create an action to set path to local export folder.
  * @param {string} path to local export folder
  */
 export function setLocalExportPath(path) {
@@ -23,12 +23,12 @@ export function setLocalExportPath(path) {
 }
 
 /**
- * Create an action to set remote CSV URN.
+ * Create an action to set remote report URN.
  * @param {string} urn to generated report.
  */
 export function setRemoteUrn(urn) {
   return {
-    type: types.SET_REMOTE_CSV_URN,
+    type: types.SET_REMOTE_REPORT_URN,
     payload: urn,
   }
 }
@@ -53,9 +53,9 @@ export function setExportEmail(email) {
   }
 }
 
-export function setIsCsvExporting(isExporting) {
+export function setIsReportExporting(isExporting) {
   return {
-    type: types.SET_IS_CSV_EXPORTING,
+    type: types.SET_IS_REPORT_EXPORTING,
     payload: isExporting,
   }
 }
@@ -68,11 +68,11 @@ export function setIsPdfRequired(isPdfRequired) {
 }
 
 export default {
-  exportCsv,
+  exportReport,
   setRemoteUrn,
   prepareExport,
   setExportEmail,
   setIsPdfRequired,
-  setIsCsvExporting,
+  setIsReportExporting,
   setLocalExportPath,
 }

src/state/query/constants.js

@@ -37,10 +37,10 @@ export default {
   TIME_TYPE_LOCALTIME: 'local',
   DEFAULT_QUERY_LIMIT: 500,
   DEFAULT_RANGE: '2w',
-  EXPORT_CSV: 'BITFINEX/EXPORT/CSV',
-  SET_LOCAL_EXPORT_PATH: 'BITFINEX/EXPORT/CSV_FOLDER_PATH',
-  SET_REMOTE_CSV_URN: 'BITFINEX/EXPORT/CSV_REMOTE_URN',
-  SET_IS_CSV_EXPORTING: 'BITFINEX/EXPORT/IS_CSV_EXPORTING',
+  EXPORT_REPORT: 'BITFINEX/EXPORT/REPORT',
+  SET_LOCAL_EXPORT_PATH: 'BITFINEX/EXPORT/REPORT_FOLDER_PATH',
+  SET_REMOTE_REPORT_URN: 'BITFINEX/EXPORT/REPORT_REMOTE_URN',
+  SET_IS_REPORT_EXPORTING: 'BITFINEX/EXPORT/IS_REPORT_EXPORTING',
   SET_IS_PDF_REQUIRED: 'BITFINEX/EXPORT/IS_PDF_REQUIRED',
   PREPARE_EXPORT: 'BITFINEX/EXPORT/PREPARE',
   SET_EXPORT_EMAIL: 'BITFINEX/EMAIL/EXPORT',

src/state/query/reducer.js

@@ -6,7 +6,7 @@ const initialState = {
   exportEmail: '',
   localExportPath: null,
   remoteUrn: null,
-  isCsvExporting: false,
+  isReportExporting: false,
   isPDFRequired: true,
 }
 
@@ -23,15 +23,15 @@ export function queryReducer(state = initialState, action) {
         ...state,
         localExportPath: payload || null,
       }
-    case types.SET_REMOTE_CSV_URN:
+    case types.SET_REMOTE_REPORT_URN:
       return {
         ...state,
         remoteUrn: payload || null,
       }
-    case types.SET_IS_CSV_EXPORTING:
+    case types.SET_IS_REPORT_EXPORTING:
       return {
         ...state,
-        isCsvExporting: payload,
+        isReportExporting: payload,
       }
     case types.SET_IS_PDF_REQUIRED:
       return {