(fix) Recurring: fails on relaunch

public/locales/en-US/translations.json

@@ -732,8 +732,6 @@
  "updateCreds": "Update credentials"
  },
  "strategyEditor": {
- "clearBacktestResultsModalTitle": "Confirmation Required",
- "clearBacktestResultsModalText": "If you choose to continue, the current backtest results will be cleared. Do you wish to proceed?",
  "unsavedChanges": "Unsaved changes",
  "unsavedChangesModalTitle": "Do you need to save changes in the strategy before closing?",
  "cancelThisProcess": "Cancel this process",
@@ -781,7 +779,9 @@
  "openStartegyModalNoSelectedError": "No strategy selected",
  "backtestingCreateMessage": "Create a strategy to begin backtesting",
  "backtestingLoadingMessage": "Loading candles and executing strategy...",
- "backtestingStartingMessage": "Press start to begin backtesting",
+ "backtestingStartingMessage": "Click \"Start\" to begin backtesting",
+ "backtestingHistoryListMessage": "Select a completed backtest and view its details",
+ "backtestingHistoryDetailsMessage": "Click \"More info\" to view backtest performance metrics, trades and chart table",
  "exportCSV": "Export as CSV",
  "exportStrategy": "Export strategy to JSON",
  "historical": "Historical",
@@ -871,7 +871,14 @@
  "lastQuarter": "Last quarter",
  "lastYear": "Last year",
  "lastXyears": "Last {{amount}} years",
- "elapsedTime": "Elapsed time"
+ "elapsedTime": "Elapsed time",
+ "noHistoryBacktests": "No backtests in history",
+ "executedAt": "Executed at",
+ "period": "Period",
+ "tradingPair": "Trading Pair",
+ "source": "Source",
+ "candlesSource": "Candles ({{timeframe}}),\n\n Seed count = {{candleSeed}}",
+ "backtestHistoryResults": "Backtest results for"
  },
  "ui": {
  "ok": "Okay",
@@ -913,7 +920,8 @@
  "saveAndLaunch": "Save & Launch",
  "launchNoSave": "Launch without saving",
  "updateAndRestart": "Update and Restart",
- "saveAndContinue": "Save and Continue"
+ "saveAndContinue": "Save and Continue",
+ "starred": "Starred"
  },
  "crashHandler": {
  "text1": "An error occurred that caused the Bitfinex Honey UI to halt. Please, restart the application to proceed working with it",

src/components/AlgoOrdersHistoryButton/AlgoOrdersHistoryButton.js

@@ -1,24 +1,16 @@
 import React, { useRef, useEffect } from 'react'
-import _toUpper from 'lodash/toUpper'
 import { useDispatch, useSelector } from 'react-redux'
 
-import { useTranslation } from 'react-i18next'
-import { Spinner } from '@ufx-ui/core'
-import PanelButton from '../../ui/Panel/Panel.Button'
 import { getShowAOsHistory } from '../../redux/selectors/ao'
 import { getIsAOsHistoryLoaded } from '../../redux/selectors/ws'
 import AOActions from '../../redux/actions/ao'
 import useToggle from '../../hooks/useToggle'
-import HistoryIcon from '../../ui/Icons/HistoryIcon'
-
-import './style.css'
+import HistoryButton from '../../ui/HistoryButton'
 
 const AlgoOrdersHistoryButton = () => {
  const [isHistoryLoading, , setIsLoading, setStopLoading] = useToggle(false)
  const timeoutId = useRef(null)
 
- const { t } = useTranslation()
-
  const isHistoryActive = useSelector(getShowAOsHistory)
  const isHistoryLoaded = useSelector(getIsAOsHistoryLoaded)
 
@@ -62,17 +54,10 @@ const AlgoOrdersHistoryButton = () => {
  }, [])
 
  return (
- <PanelButton
+ <HistoryButton
  onClick={onButtonClickHandler}
- text={_toUpper(t('tradingStatePanel.history'))}
  isActive={isHistoryActive}
- icon={
- isHistoryLoading ? (
- <Spinner className='hfui-history-button__spinner' />
- ) : (
- <HistoryIcon className='hfui-history-button__icon' width='25px' height='25px' />
- )
- }
+ isLoading={isHistoryLoading}
  />
  )
 }