From d0a7972b99e012a626fb214d6990fbfae732a6b0 Mon Sep 17 00:00:00 2001 From: pbca26 <pbca26@gmail.com> Date: Sat, 10 Jun 2017 21:29:11 +0300 Subject: [PATCH 1/4] reorganized dashboard components locations --- .../components/dashboard/{ => about}/about.js | 0 .../dashboard/{ => atomic}/atomic.js | 4 +-- .../dashboard/{ => atomic}/atomic.render.js | 8 ++--- .../dashboard/{ => coinTile}/coinTile.js | 2 +- .../{ => coinTile}/coinTile.render.js | 2 +- .../dashboard/{ => coinTile}/coinTileItem.js | 4 +-- .../{ => coinTile}/coinTileItem.render.js | 0 .../components/dashboard/{ => edex}/edex.js | 0 .../dashboard/{ => jumblr}/jumblr.js | 4 +-- .../dashboard/{ => jumblr}/jumblr.render.js | 4 +-- .../dashboard/{ => loginModal}/loginModal.js | 4 +-- .../{ => loginModal}/loginModal.render.js | 2 +- .../dashboard/{ => main}/dashboard.js | 0 .../dashboard/{ => main}/dashboard.render.js | 32 +++++++++---------- .../dashboard/{ => main}/dashboard.scss | 0 .../dashboard/{ => navbar}/navbar.js | 4 +-- .../dashboard/{ => navbar}/navbar.render.js | 2 +- .../{ => notifications}/notifications.js | 4 +-- .../notifications.render.js | 4 +-- .../{ => receiveCoin}/receiveCoin.js | 4 +-- .../{ => receiveCoin}/receiveCoin.render.js | 2 +- .../dashboard/{ => sendCoin}/sendCoin.js | 12 +++---- .../{ => sendCoin}/sendCoin.render.js | 4 +-- .../dashboard/{ => settings}/settings.js | 6 ++-- .../{ => settings}/settings.render.js | 8 ++--- .../dashboard/{ => syncOnly}/syncOnly.js | 6 ++-- .../{ => syncOnly}/syncOnly.render.js | 2 +- .../{ => walletsBalance}/walletsBalance.js | 2 +- .../walletsBalance.render.js | 2 +- .../walletsBasiliskConnection.js | 4 +-- .../walletsBasiliskConnection.render.js | 2 +- .../walletsBasiliskRefresh.js | 0 .../walletsBasiliskRefresh.render.js | 2 +- .../walletsCacheData.js | 6 ++-- .../walletsCacheData.render.js | 4 +-- .../{ => walletsData}/walletsData.js | 10 +++--- .../{ => walletsData}/walletsData.render.js | 12 +++---- .../{ => walletsHeader}/walletsHeader.js | 0 .../walletsHeader.render.js | 2 +- .../{ => walletsNative}/walletsNative.js | 0 .../walletsNative.render.js | 12 +++---- .../walletsNativeAlert.js | 0 .../walletsNativeAlert.render.js | 2 +- .../walletsNativeBalance.js | 0 .../walletsNativeBalance.render.js | 2 +- .../walletsNativeInfo.js | 0 .../walletsNativeInfo.render.js | 2 +- .../walletsNativeReceive.js | 4 +-- .../walletsNativeReceive.render.js | 2 +- .../walletsNativeSend.js | 10 +++--- .../walletsNativeSend.render.js | 2 +- .../walletsNativeSyncProgress.js | 2 +- .../walletsNativeSyncProgress.render.js | 2 +- .../walletsNativeTxHistory.js | 8 ++--- .../walletsNativeTxHistory.render.js | 4 +-- .../walletsNativeTxInfo.js | 4 +-- .../walletsNativeTxInfo.render.js | 4 +-- .../dashboard/{ => walletsNav}/walletsNav.js | 4 +-- .../{ => walletsNav}/walletsNav.render.js | 2 +- .../walletsNotariesList.js | 6 ++-- .../walletsNotariesList.render.js | 4 +-- .../{ => walletsProgress}/walletsProgress.js | 2 +- .../walletsProgress.render.js | 2 +- .../{ => walletsTxInfo}/walletsTxInfo.js | 4 +-- .../walletsTxInfo.render.js | 4 +-- react/src/components/main/walletMain.js | 6 ++-- react/src/styles/index.scss | 2 +- 67 files changed, 131 insertions(+), 135 deletions(-) rename react/src/components/dashboard/{ => about}/about.js (100%) rename react/src/components/dashboard/{ => atomic}/atomic.js (99%) rename react/src/components/dashboard/{ => atomic}/atomic.render.js (89%) rename react/src/components/dashboard/{ => coinTile}/coinTile.js (97%) rename react/src/components/dashboard/{ => coinTile}/coinTile.render.js (93%) rename react/src/components/dashboard/{ => coinTile}/coinTileItem.js (98%) rename react/src/components/dashboard/{ => coinTile}/coinTileItem.render.js (100%) rename react/src/components/dashboard/{ => edex}/edex.js (100%) rename react/src/components/dashboard/{ => jumblr}/jumblr.js (77%) rename react/src/components/dashboard/{ => jumblr}/jumblr.render.js (98%) rename react/src/components/dashboard/{ => loginModal}/loginModal.js (94%) rename react/src/components/dashboard/{ => loginModal}/loginModal.render.js (97%) rename react/src/components/dashboard/{ => main}/dashboard.js (100%) rename react/src/components/dashboard/{ => main}/dashboard.render.js (63%) rename react/src/components/dashboard/{ => main}/dashboard.scss (100%) rename react/src/components/dashboard/{ => navbar}/navbar.js (96%) rename react/src/components/dashboard/{ => navbar}/navbar.render.js (98%) rename react/src/components/dashboard/{ => notifications}/notifications.js (97%) rename react/src/components/dashboard/{ => notifications}/notifications.render.js (98%) rename react/src/components/dashboard/{ => receiveCoin}/receiveCoin.js (97%) rename react/src/components/dashboard/{ => receiveCoin}/receiveCoin.render.js (98%) rename react/src/components/dashboard/{ => sendCoin}/sendCoin.js (99%) rename react/src/components/dashboard/{ => sendCoin}/sendCoin.render.js (99%) rename react/src/components/dashboard/{ => settings}/settings.js (98%) rename react/src/components/dashboard/{ => settings}/settings.render.js (99%) rename react/src/components/dashboard/{ => syncOnly}/syncOnly.js (95%) rename react/src/components/dashboard/{ => syncOnly}/syncOnly.render.js (98%) rename react/src/components/dashboard/{ => walletsBalance}/walletsBalance.js (98%) rename react/src/components/dashboard/{ => walletsBalance}/walletsBalance.render.js (97%) rename react/src/components/dashboard/{ => walletsBasiliskConnection}/walletsBasiliskConnection.js (87%) rename react/src/components/dashboard/{ => walletsBasiliskConnection}/walletsBasiliskConnection.render.js (97%) rename react/src/components/dashboard/{ => walletsBasiliskRefresh}/walletsBasiliskRefresh.js (100%) rename react/src/components/dashboard/{ => walletsBasiliskRefresh}/walletsBasiliskRefresh.render.js (92%) rename react/src/components/dashboard/{ => walletsCacheData}/walletsCacheData.js (96%) rename react/src/components/dashboard/{ => walletsCacheData}/walletsCacheData.render.js (88%) rename react/src/components/dashboard/{ => walletsData}/walletsData.js (98%) rename react/src/components/dashboard/{ => walletsData}/walletsData.render.js (96%) rename react/src/components/dashboard/{ => walletsHeader}/walletsHeader.js (100%) rename react/src/components/dashboard/{ => walletsHeader}/walletsHeader.render.js (97%) rename react/src/components/dashboard/{ => walletsNative}/walletsNative.js (100%) rename react/src/components/dashboard/{ => walletsNative}/walletsNative.render.js (68%) rename react/src/components/dashboard/{ => walletsNativeAlert}/walletsNativeAlert.js (100%) rename react/src/components/dashboard/{ => walletsNativeAlert}/walletsNativeAlert.render.js (84%) rename react/src/components/dashboard/{ => walletsNativeBalance}/walletsNativeBalance.js (100%) rename react/src/components/dashboard/{ => walletsNativeBalance}/walletsNativeBalance.render.js (96%) rename react/src/components/dashboard/{ => walletsNativeInfo}/walletsNativeInfo.js (100%) rename react/src/components/dashboard/{ => walletsNativeInfo}/walletsNativeInfo.render.js (97%) rename react/src/components/dashboard/{ => walletsNativeReceive}/walletsNativeReceive.js (95%) rename react/src/components/dashboard/{ => walletsNativeReceive}/walletsNativeReceive.render.js (98%) rename react/src/components/dashboard/{ => walletsNativeSend}/walletsNativeSend.js (96%) rename react/src/components/dashboard/{ => walletsNativeSend}/walletsNativeSend.render.js (99%) rename react/src/components/dashboard/{ => walletsNativeSyncProgress}/walletsNativeSyncProgress.js (98%) rename react/src/components/dashboard/{ => walletsNativeSyncProgress}/walletsNativeSyncProgress.render.js (93%) rename react/src/components/dashboard/{ => walletsNativeTxHistory}/walletsNativeTxHistory.js (96%) rename react/src/components/dashboard/{ => walletsNativeTxHistory}/walletsNativeTxHistory.render.js (97%) rename react/src/components/dashboard/{ => walletsNativeTxInfo}/walletsNativeTxInfo.js (89%) rename react/src/components/dashboard/{ => walletsNativeTxInfo}/walletsNativeTxInfo.render.js (97%) rename react/src/components/dashboard/{ => walletsNav}/walletsNav.js (95%) rename react/src/components/dashboard/{ => walletsNav}/walletsNav.render.js (97%) rename react/src/components/dashboard/{ => walletsNotariesList}/walletsNotariesList.js (89%) rename react/src/components/dashboard/{ => walletsNotariesList}/walletsNotariesList.render.js (93%) rename react/src/components/dashboard/{ => walletsProgress}/walletsProgress.js (94%) rename react/src/components/dashboard/{ => walletsProgress}/walletsProgress.render.js (96%) rename react/src/components/dashboard/{ => walletsTxInfo}/walletsTxInfo.js (89%) rename react/src/components/dashboard/{ => walletsTxInfo}/walletsTxInfo.render.js (96%) diff --git a/react/src/components/dashboard/about.js b/react/src/components/dashboard/about/about.js similarity index 100% rename from react/src/components/dashboard/about.js rename to react/src/components/dashboard/about/about.js diff --git a/react/src/components/dashboard/atomic.js b/react/src/components/dashboard/atomic/atomic.js similarity index 99% rename from react/src/components/dashboard/atomic.js rename to react/src/components/dashboard/atomic/atomic.js index 4708966..d9d1f3b 100755 --- a/react/src/components/dashboard/atomic.js +++ b/react/src/components/dashboard/atomic/atomic.js @@ -1,6 +1,6 @@ import React from 'react'; -import { atomic } from '../../actions/actionCreators'; -import Store from '../../store'; +import { atomic } from '../../../actions/actionCreators'; +import Store from '../../../store'; import AtomicRender from './atomic.render'; diff --git a/react/src/components/dashboard/atomic.render.js b/react/src/components/dashboard/atomic/atomic.render.js similarity index 89% rename from react/src/components/dashboard/atomic.render.js rename to react/src/components/dashboard/atomic/atomic.render.js index 7b352ad..56b35a9 100644 --- a/react/src/components/dashboard/atomic.render.js +++ b/react/src/components/dashboard/atomic/atomic.render.js @@ -1,9 +1,9 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; -import AddCoinOptionsCrypto from '../addcoin/addcoinOptionsCrypto'; -import AddCoinOptionsAC from '../addcoin/addcoinOptionsAC'; -import AddCoinOptionsACFiat from '../addcoin/addcoinOptionsACFiat'; +import AddCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; +import AddCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; +import AddCoinOptionsACFiat from '../../addcoin/addcoinOptionsACFiat'; const AtomicRender = function () { return ( diff --git a/react/src/components/dashboard/coinTile.js b/react/src/components/dashboard/coinTile/coinTile.js similarity index 97% rename from react/src/components/dashboard/coinTile.js rename to react/src/components/dashboard/coinTile/coinTile.js index 5996841..9fcb3d1 100755 --- a/react/src/components/dashboard/coinTile.js +++ b/react/src/components/dashboard/coinTile/coinTile.js @@ -2,7 +2,7 @@ import React from 'react'; import { getCoinTitle, getModeInfo -} from '../../util/coinHelper'; +} from '../../../util/coinHelper'; import CoinTileItem from './coinTileItem'; import CoinTileRender from './coinTile.render'; diff --git a/react/src/components/dashboard/coinTile.render.js b/react/src/components/dashboard/coinTile/coinTile.render.js similarity index 93% rename from react/src/components/dashboard/coinTile.render.js rename to react/src/components/dashboard/coinTile/coinTile.render.js index e10fb12..eaf6d0d 100644 --- a/react/src/components/dashboard/coinTile.render.js +++ b/react/src/components/dashboard/coinTile/coinTile.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const CoinTileRender = function() { return ( diff --git a/react/src/components/dashboard/coinTileItem.js b/react/src/components/dashboard/coinTile/coinTileItem.js similarity index 98% rename from react/src/components/dashboard/coinTileItem.js rename to react/src/components/dashboard/coinTile/coinTileItem.js index 28640b7..5b6cace 100644 --- a/react/src/components/dashboard/coinTileItem.js +++ b/react/src/components/dashboard/coinTile/coinTileItem.js @@ -17,8 +17,8 @@ import { getNativeTxHistory, getKMDBalanceTotal, getSyncInfoNative -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import CoinTileItemRender from './coinTileItem.render'; diff --git a/react/src/components/dashboard/coinTileItem.render.js b/react/src/components/dashboard/coinTile/coinTileItem.render.js similarity index 100% rename from react/src/components/dashboard/coinTileItem.render.js rename to react/src/components/dashboard/coinTile/coinTileItem.render.js diff --git a/react/src/components/dashboard/edex.js b/react/src/components/dashboard/edex/edex.js similarity index 100% rename from react/src/components/dashboard/edex.js rename to react/src/components/dashboard/edex/edex.js diff --git a/react/src/components/dashboard/jumblr.js b/react/src/components/dashboard/jumblr/jumblr.js similarity index 77% rename from react/src/components/dashboard/jumblr.js rename to react/src/components/dashboard/jumblr/jumblr.js index 44be584..4ae03a0 100755 --- a/react/src/components/dashboard/jumblr.js +++ b/react/src/components/dashboard/jumblr/jumblr.js @@ -1,7 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -/*import { dashboardChangeSection, toggleAddcoinModal, logout } from '../../actions/actionCreators'; -import Store from '../../store';*/ +import { translate } from '../../../translate/translate'; import JumblrRender from './jumblr.render'; diff --git a/react/src/components/dashboard/jumblr.render.js b/react/src/components/dashboard/jumblr/jumblr.render.js similarity index 98% rename from react/src/components/dashboard/jumblr.render.js rename to react/src/components/dashboard/jumblr/jumblr.render.js index 4396dc1..ec694ca 100644 --- a/react/src/components/dashboard/jumblr.render.js +++ b/react/src/components/dashboard/jumblr/jumblr.render.js @@ -1,7 +1,7 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; -import WalletsHeader from './walletsHeader'; +import WalletsHeader from '../walletsHeader/walletsHeader'; const JumblrRender = function() { return ( diff --git a/react/src/components/dashboard/loginModal.js b/react/src/components/dashboard/loginModal/loginModal.js similarity index 94% rename from react/src/components/dashboard/loginModal.js rename to react/src/components/dashboard/loginModal/loginModal.js index 629d2d3..5df7883 100755 --- a/react/src/components/dashboard/loginModal.js +++ b/react/src/components/dashboard/loginModal/loginModal.js @@ -2,8 +2,8 @@ import React from 'react'; import { toggleAddcoinModal, iguanaWalletPassphrase -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import LoginModalRender from './loginModal.render'; diff --git a/react/src/components/dashboard/loginModal.render.js b/react/src/components/dashboard/loginModal/loginModal.render.js similarity index 97% rename from react/src/components/dashboard/loginModal.render.js rename to react/src/components/dashboard/loginModal/loginModal.render.js index ecb1332..37036ca 100644 --- a/react/src/components/dashboard/loginModal.render.js +++ b/react/src/components/dashboard/loginModal/loginModal.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const LoginModalRender = function () { return ( diff --git a/react/src/components/dashboard/dashboard.js b/react/src/components/dashboard/main/dashboard.js similarity index 100% rename from react/src/components/dashboard/dashboard.js rename to react/src/components/dashboard/main/dashboard.js diff --git a/react/src/components/dashboard/dashboard.render.js b/react/src/components/dashboard/main/dashboard.render.js similarity index 63% rename from react/src/components/dashboard/dashboard.render.js rename to react/src/components/dashboard/main/dashboard.render.js index f2e01fe..32a36c9 100644 --- a/react/src/components/dashboard/dashboard.render.js +++ b/react/src/components/dashboard/main/dashboard.render.js @@ -1,21 +1,21 @@ import React from 'react'; -import Navbar from './navbar'; -import CoinTile from './coinTile'; -import EDEX from './edex'; -import WalletsBalance from './walletsBalance'; -import WalletsProgress from './walletsProgress'; -import WalletsNav from './walletsNav'; -import SendCoin from './sendCoin'; -import WalletsData from './walletsData'; -import Atomic from './atomic'; -import Jumblr from './jumblr'; -import Settings from './settings'; -import ReceiveCoin from './receiveCoin'; -import About from './about'; -import WalletsNative from './walletsNative'; -import WalletsNativeTxInfo from './walletsNativeTxInfo'; -import WalletsTxInfo from './walletsTxInfo'; +import Navbar from '../navbar/navbar'; +import CoinTile from '../coinTile/coinTile'; +import EDEX from '../edex/edex'; +import WalletsBalance from '../walletsBalance/walletsBalance'; +import WalletsProgress from '../walletsProgress/walletsProgress'; +import WalletsNav from '../walletsNav/walletsNav'; +import SendCoin from '../sendCoin/sendCoin'; +import WalletsData from '../walletsData/walletsData'; +import Atomic from '../atomic/atomic'; +import Jumblr from '../jumblr/jumblr'; +import Settings from '../settings/settings'; +import ReceiveCoin from '../receiveCoin/receiveCoin'; +import About from '../about/about'; +import WalletsNative from '../walletsNative/walletsNative'; +import WalletsNativeTxInfo from '../walletsNativeTxInfo/walletsNativeTxInfo'; +import WalletsTxInfo from '../walletsTxInfo/walletsTxInfo'; const DashboardRender = function() { return ( diff --git a/react/src/components/dashboard/dashboard.scss b/react/src/components/dashboard/main/dashboard.scss similarity index 100% rename from react/src/components/dashboard/dashboard.scss rename to react/src/components/dashboard/main/dashboard.scss diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar/navbar.js similarity index 96% rename from react/src/components/dashboard/navbar.js rename to react/src/components/dashboard/navbar/navbar.js index 6785f2a..957c0e4 100755 --- a/react/src/components/dashboard/navbar.js +++ b/react/src/components/dashboard/navbar/navbar.js @@ -7,8 +7,8 @@ import { toggleSyncOnlyModal, getSyncOnlyForks, logout -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import NavbarRender from './navbar.render'; diff --git a/react/src/components/dashboard/navbar.render.js b/react/src/components/dashboard/navbar/navbar.render.js similarity index 98% rename from react/src/components/dashboard/navbar.render.js rename to react/src/components/dashboard/navbar/navbar.render.js index b712fc1..35415b6 100644 --- a/react/src/components/dashboard/navbar.render.js +++ b/react/src/components/dashboard/navbar/navbar.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const NavbarRender = function() { return ( diff --git a/react/src/components/dashboard/notifications.js b/react/src/components/dashboard/notifications/notifications.js similarity index 97% rename from react/src/components/dashboard/notifications.js rename to react/src/components/dashboard/notifications/notifications.js index 908aab5..8b3c9ae 100755 --- a/react/src/components/dashboard/notifications.js +++ b/react/src/components/dashboard/notifications/notifications.js @@ -1,7 +1,5 @@ import React from 'react'; - -import { sortByDate } from '../../util/sort'; - +import { sortByDate } from '../../../util/sort'; import { NotificationsByTypeRender, NotificationsModalRender, diff --git a/react/src/components/dashboard/notifications.render.js b/react/src/components/dashboard/notifications/notifications.render.js similarity index 98% rename from react/src/components/dashboard/notifications.render.js rename to react/src/components/dashboard/notifications/notifications.render.js index f4adcb0..836ccab 100644 --- a/react/src/components/dashboard/notifications.render.js +++ b/react/src/components/dashboard/notifications/notifications.render.js @@ -1,8 +1,8 @@ import React from 'react'; import { secondsToString -} from '../../util/time'; -import { translate } from '../../translate/translate'; +} from '../../../util/time'; +import { translate } from '../../../translate/translate'; export const NotificationsByTypeRender = function(logItem, type, index) { return ( diff --git a/react/src/components/dashboard/receiveCoin.js b/react/src/components/dashboard/receiveCoin/receiveCoin.js similarity index 97% rename from react/src/components/dashboard/receiveCoin.js rename to react/src/components/dashboard/receiveCoin/receiveCoin.js index 64b2023..1a494df 100644 --- a/react/src/components/dashboard/receiveCoin.js +++ b/react/src/components/dashboard/receiveCoin/receiveCoin.js @@ -3,8 +3,8 @@ import { copyCoinAddress, checkAddressBasilisk, validateAddressBasilisk -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { AddressActionsBasiliskModeRender, diff --git a/react/src/components/dashboard/receiveCoin.render.js b/react/src/components/dashboard/receiveCoin/receiveCoin.render.js similarity index 98% rename from react/src/components/dashboard/receiveCoin.render.js rename to react/src/components/dashboard/receiveCoin/receiveCoin.render.js index 33a2208..9a54f80 100644 --- a/react/src/components/dashboard/receiveCoin.render.js +++ b/react/src/components/dashboard/receiveCoin/receiveCoin.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const AddressActionsBasiliskModeRender = function(address) { return ( diff --git a/react/src/components/dashboard/sendCoin.js b/react/src/components/dashboard/sendCoin/sendCoin.js similarity index 99% rename from react/src/components/dashboard/sendCoin.js rename to react/src/components/dashboard/sendCoin/sendCoin.js index d98364c..6384654 100644 --- a/react/src/components/dashboard/sendCoin.js +++ b/react/src/components/dashboard/sendCoin/sendCoin.js @@ -1,13 +1,13 @@ import React from 'react'; -import Config from '../../config'; -import { translate } from '../../translate/translate'; +import Config from '../../../config'; +import { translate } from '../../../translate/translate'; import { checkTimestamp -} from '../../util/time'; +} from '../../../util/time'; import { edexGetTxIDList, edexRemoveTXID -} from '../../util/cacheFormat'; +} from '../../../util/cacheFormat'; import { resolveOpenAliasAddress, triggerToaster, @@ -21,8 +21,8 @@ import { clearLastSendToResponseState, sendToAddressStateAlt, dexSendRawTX -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { UTXOCacheInfoRender, SendCoinResponseRender, diff --git a/react/src/components/dashboard/sendCoin.render.js b/react/src/components/dashboard/sendCoin/sendCoin.render.js similarity index 99% rename from react/src/components/dashboard/sendCoin.render.js rename to react/src/components/dashboard/sendCoin/sendCoin.render.js index 9672a90..80ddd6c 100644 --- a/react/src/components/dashboard/sendCoin.render.js +++ b/react/src/components/dashboard/sendCoin/sendCoin.render.js @@ -1,9 +1,9 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import { secondsElapsedToString, secondsToString -} from '../../util/time'; +} from '../../../util/time'; export const UTXOCacheInfoRender = function(refreshCacheData, isReadyToUpdate, waitUntilCallIsFinished, timestamp) { return ( diff --git a/react/src/components/dashboard/settings.js b/react/src/components/dashboard/settings/settings.js similarity index 98% rename from react/src/components/dashboard/settings.js rename to react/src/components/dashboard/settings/settings.js index aba855b..7213d80 100644 --- a/react/src/components/dashboard/settings.js +++ b/react/src/components/dashboard/settings/settings.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import { iguanaActiveHandle, encryptWallet, @@ -12,8 +12,8 @@ import { saveAppConfig, getAppInfo, shepherdCli -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { AppInfoTabRender, diff --git a/react/src/components/dashboard/settings.render.js b/react/src/components/dashboard/settings/settings.render.js similarity index 99% rename from react/src/components/dashboard/settings.render.js rename to react/src/components/dashboard/settings/settings.render.js index d4ea061..3c806ec 100644 --- a/react/src/components/dashboard/settings.render.js +++ b/react/src/components/dashboard/settings/settings.render.js @@ -1,8 +1,8 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import AddCoinOptionsCrypto from '../addcoin/addcoinOptionsCrypto'; -import AddCoinOptionsAC from '../addcoin/addcoinOptionsAC'; -import AddCoinOptionsACFiat from '../addcoin/addcoinOptionsACFiat'; +import { translate } from '../../../translate/translate'; +import AddCoinOptionsCrypto from '../../addcoin/addcoinOptionsCrypto'; +import AddCoinOptionsAC from '../../addcoin/addcoinOptionsAC'; +import AddCoinOptionsACFiat from '../../addcoin/addcoinOptionsACFiat'; export const AppInfoTabRender = function() { return ( diff --git a/react/src/components/dashboard/syncOnly.js b/react/src/components/dashboard/syncOnly/syncOnly.js similarity index 95% rename from react/src/components/dashboard/syncOnly.js rename to react/src/components/dashboard/syncOnly/syncOnly.js index 6afe42a..6db1a9f 100644 --- a/react/src/components/dashboard/syncOnly.js +++ b/react/src/components/dashboard/syncOnly/syncOnly.js @@ -1,13 +1,13 @@ import React from 'react'; -import { getCoinTitle } from '../../util/coinHelper'; +import { getCoinTitle } from '../../../util/coinHelper'; import { stopInterval, addCoin, toggleSyncOnlyModal, stopIguanaFork, restartIguanaInstance -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { ProgressRender, diff --git a/react/src/components/dashboard/syncOnly.render.js b/react/src/components/dashboard/syncOnly/syncOnly.render.js similarity index 98% rename from react/src/components/dashboard/syncOnly.render.js rename to react/src/components/dashboard/syncOnly/syncOnly.render.js index 5183c35..6206c00 100644 --- a/react/src/components/dashboard/syncOnly.render.js +++ b/react/src/components/dashboard/syncOnly/syncOnly.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const ProgressRender = function (fork) { return ( diff --git a/react/src/components/dashboard/walletsBalance.js b/react/src/components/dashboard/walletsBalance/walletsBalance.js similarity index 98% rename from react/src/components/dashboard/walletsBalance.js rename to react/src/components/dashboard/walletsBalance/walletsBalance.js index 4603765..f7784f6 100755 --- a/react/src/components/dashboard/walletsBalance.js +++ b/react/src/components/dashboard/walletsBalance/walletsBalance.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import WalletsBalanceRender from './walletsBalance.render'; diff --git a/react/src/components/dashboard/walletsBalance.render.js b/react/src/components/dashboard/walletsBalance/walletsBalance.render.js similarity index 97% rename from react/src/components/dashboard/walletsBalance.render.js rename to react/src/components/dashboard/walletsBalance/walletsBalance.render.js index 205c77c..2df72fc 100644 --- a/react/src/components/dashboard/walletsBalance.render.js +++ b/react/src/components/dashboard/walletsBalance/walletsBalance.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsBalanceRender = function() { return ( diff --git a/react/src/components/dashboard/walletsBasiliskConnection.js b/react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.js similarity index 87% rename from react/src/components/dashboard/walletsBasiliskConnection.js rename to react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.js index 402867d..fc6172b 100755 --- a/react/src/components/dashboard/walletsBasiliskConnection.js +++ b/react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.js @@ -1,6 +1,6 @@ import React from 'react'; -import { basiliskConnection } from '../../actions/actionCreators'; -import Store from '../../store'; +import { basiliskConnection } from '../../../actions/actionCreators'; +import Store from '../../../store'; import WalletsBasiliskConnectionRender from './walletsBasiliskConnection.render'; class WalletsBasiliskConnection extends React.Component { diff --git a/react/src/components/dashboard/walletsBasiliskConnection.render.js b/react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.render.js similarity index 97% rename from react/src/components/dashboard/walletsBasiliskConnection.render.js rename to react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.render.js index 0e4d65a..0cd406e 100644 --- a/react/src/components/dashboard/walletsBasiliskConnection.render.js +++ b/react/src/components/dashboard/walletsBasiliskConnection/walletsBasiliskConnection.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsBasiliskConnectionRender = function() { return ( diff --git a/react/src/components/dashboard/walletsBasiliskRefresh.js b/react/src/components/dashboard/walletsBasiliskRefresh/walletsBasiliskRefresh.js similarity index 100% rename from react/src/components/dashboard/walletsBasiliskRefresh.js rename to react/src/components/dashboard/walletsBasiliskRefresh/walletsBasiliskRefresh.js diff --git a/react/src/components/dashboard/walletsBasiliskRefresh.render.js b/react/src/components/dashboard/walletsBasiliskRefresh/walletsBasiliskRefresh.render.js similarity index 92% rename from react/src/components/dashboard/walletsBasiliskRefresh.render.js rename to react/src/components/dashboard/walletsBasiliskRefresh/walletsBasiliskRefresh.render.js index 2e03d19..2ca1658 100644 --- a/react/src/components/dashboard/walletsBasiliskRefresh.render.js +++ b/react/src/components/dashboard/walletsBasiliskRefresh/walletsBasiliskRefresh.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsBasiliskRefreshRender = function() { return ( diff --git a/react/src/components/dashboard/walletsCacheData.js b/react/src/components/dashboard/walletsCacheData/walletsCacheData.js similarity index 96% rename from react/src/components/dashboard/walletsCacheData.js rename to react/src/components/dashboard/walletsCacheData/walletsCacheData.js index 8088771..d8d8f09 100644 --- a/react/src/components/dashboard/walletsCacheData.js +++ b/react/src/components/dashboard/walletsCacheData/walletsCacheData.js @@ -1,7 +1,7 @@ import React from 'react'; -import { secondsToString } from '../../util/time'; -import { toggleViewCacheModal } from '../../actions/actionCreators'; -import Store from '../../store'; +import { secondsToString } from '../../../util/time'; +import { toggleViewCacheModal } from '../../../actions/actionCreators'; +import Store from '../../../store'; import { TreeNode } from 'rc-tree'; import WalletsCacheDataRender from './walletsCacheData.render'; diff --git a/react/src/components/dashboard/walletsCacheData.render.js b/react/src/components/dashboard/walletsCacheData/walletsCacheData.render.js similarity index 88% rename from react/src/components/dashboard/walletsCacheData.render.js rename to react/src/components/dashboard/walletsCacheData/walletsCacheData.render.js index e912448..bc1af5f 100644 --- a/react/src/components/dashboard/walletsCacheData.render.js +++ b/react/src/components/dashboard/walletsCacheData/walletsCacheData.render.js @@ -1,6 +1,6 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { animation } from '../../util/rc-tree-animate'; +import { translate } from '../../../translate/translate'; +import { animation } from '../../../util/rc-tree-animate'; import { TreeNode } from 'rc-tree'; const WalletsCacheDataRender = function() { diff --git a/react/src/components/dashboard/walletsData.js b/react/src/components/dashboard/walletsData/walletsData.js similarity index 98% rename from react/src/components/dashboard/walletsData.js rename to react/src/components/dashboard/walletsData/walletsData.js index 5274360..37e0e97 100644 --- a/react/src/components/dashboard/walletsData.js +++ b/react/src/components/dashboard/walletsData/walletsData.js @@ -1,7 +1,7 @@ import React from 'react'; -import Config from '../../config'; -import { translate } from '../../translate/translate'; -import { sortByDate } from '../../util/sort'; +import Config from '../../../config'; +import { translate } from '../../../translate/translate'; +import { sortByDate } from '../../../util/sort'; import { basiliskRefresh, basiliskConnection, @@ -17,8 +17,8 @@ import { deleteCacheFile, fetchNewCacheData, fetchUtxoCache -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { PaginationItemRender, PaginationItemsPerPageSelectorRender, diff --git a/react/src/components/dashboard/walletsData.render.js b/react/src/components/dashboard/walletsData/walletsData.render.js similarity index 96% rename from react/src/components/dashboard/walletsData.render.js rename to react/src/components/dashboard/walletsData/walletsData.render.js index 0a8a7c4..ee37bb3 100644 --- a/react/src/components/dashboard/walletsData.render.js +++ b/react/src/components/dashboard/walletsData/walletsData.render.js @@ -1,10 +1,10 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import WalletsBasiliskRefresh from './walletsBasiliskRefresh'; -import WalletsBasiliskConnection from './walletsBasiliskConnection'; -import WalletsNotariesList from './walletsNotariesList'; -import WalletsCacheData from './walletsCacheData'; -import { secondsToString } from '../../util/time'; +import { translate } from '../../../translate/translate'; +import WalletsBasiliskRefresh from '../walletsBasiliskRefresh/walletsBasiliskRefresh'; +import WalletsBasiliskConnection from '../walletsBasiliskConnection/walletsBasiliskConnection'; +import WalletsNotariesList from '../walletsNotariesList/walletsNotariesList'; +import WalletsCacheData from '../walletsCacheData/walletsCacheData'; +import { secondsToString } from '../../../util/time'; export const PaginationItemRender = function(i) { return ( diff --git a/react/src/components/dashboard/walletsHeader.js b/react/src/components/dashboard/walletsHeader/walletsHeader.js similarity index 100% rename from react/src/components/dashboard/walletsHeader.js rename to react/src/components/dashboard/walletsHeader/walletsHeader.js diff --git a/react/src/components/dashboard/walletsHeader.render.js b/react/src/components/dashboard/walletsHeader/walletsHeader.render.js similarity index 97% rename from react/src/components/dashboard/walletsHeader.render.js rename to react/src/components/dashboard/walletsHeader/walletsHeader.render.js index 0de50dc..6a91725 100644 --- a/react/src/components/dashboard/walletsHeader.render.js +++ b/react/src/components/dashboard/walletsHeader/walletsHeader.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsHeaderRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNative.js b/react/src/components/dashboard/walletsNative/walletsNative.js similarity index 100% rename from react/src/components/dashboard/walletsNative.js rename to react/src/components/dashboard/walletsNative/walletsNative.js diff --git a/react/src/components/dashboard/walletsNative.render.js b/react/src/components/dashboard/walletsNative/walletsNative.render.js similarity index 68% rename from react/src/components/dashboard/walletsNative.render.js rename to react/src/components/dashboard/walletsNative/walletsNative.render.js index 8cc220a..b94ea84 100644 --- a/react/src/components/dashboard/walletsNative.render.js +++ b/react/src/components/dashboard/walletsNative/walletsNative.render.js @@ -1,10 +1,10 @@ import React from 'react'; -import WalletsNativeBalance from './walletsNativeBalance'; -import WalletsNativeInfo from './walletsNativeInfo'; -import WalletsNativeReceive from './walletsNativeReceive'; -import WalletsNativeSend from './walletsNativeSend'; -import WalletsNativeSyncProgress from './walletsNativeSyncProgress'; -import WalletsNativeTxHistory from './walletsNativeTxHistory'; +import WalletsNativeBalance from '../walletsNativeBalance/walletsNativeBalance'; +import WalletsNativeInfo from '../walletsNativeInfo/walletsNativeInfo'; +import WalletsNativeReceive from '../walletsNativeReceive/walletsNativeReceive'; +import WalletsNativeSend from '../walletsNativeSend/walletsNativeSend'; +import WalletsNativeSyncProgress from '../walletsNativeSyncProgress/walletsNativeSyncProgress'; +import WalletsNativeTxHistory from '../walletsNativeTxHistory/walletsNativeTxHistory'; const WalletsNativeRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeAlert.js b/react/src/components/dashboard/walletsNativeAlert/walletsNativeAlert.js similarity index 100% rename from react/src/components/dashboard/walletsNativeAlert.js rename to react/src/components/dashboard/walletsNativeAlert/walletsNativeAlert.js diff --git a/react/src/components/dashboard/walletsNativeAlert.render.js b/react/src/components/dashboard/walletsNativeAlert/walletsNativeAlert.render.js similarity index 84% rename from react/src/components/dashboard/walletsNativeAlert.render.js rename to react/src/components/dashboard/walletsNativeAlert/walletsNativeAlert.render.js index 1a5dd27..5b59c54 100644 --- a/react/src/components/dashboard/walletsNativeAlert.render.js +++ b/react/src/components/dashboard/walletsNativeAlert/walletsNativeAlert.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsNativeAlertRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeBalance.js b/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js similarity index 100% rename from react/src/components/dashboard/walletsNativeBalance.js rename to react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.js diff --git a/react/src/components/dashboard/walletsNativeBalance.render.js b/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.render.js similarity index 96% rename from react/src/components/dashboard/walletsNativeBalance.render.js rename to react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.render.js index 6e3344a..3783c20 100644 --- a/react/src/components/dashboard/walletsNativeBalance.render.js +++ b/react/src/components/dashboard/walletsNativeBalance/walletsNativeBalance.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsNativeBalanceRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeInfo.js b/react/src/components/dashboard/walletsNativeInfo/walletsNativeInfo.js similarity index 100% rename from react/src/components/dashboard/walletsNativeInfo.js rename to react/src/components/dashboard/walletsNativeInfo/walletsNativeInfo.js diff --git a/react/src/components/dashboard/walletsNativeInfo.render.js b/react/src/components/dashboard/walletsNativeInfo/walletsNativeInfo.render.js similarity index 97% rename from react/src/components/dashboard/walletsNativeInfo.render.js rename to react/src/components/dashboard/walletsNativeInfo/walletsNativeInfo.render.js index bf9f26d..792f8f0 100644 --- a/react/src/components/dashboard/walletsNativeInfo.render.js +++ b/react/src/components/dashboard/walletsNativeInfo/walletsNativeInfo.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsNativeInfoRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeReceive.js b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js similarity index 95% rename from react/src/components/dashboard/walletsNativeReceive.js rename to react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js index 7cc7b4f..05e65a4 100644 --- a/react/src/components/dashboard/walletsNativeReceive.js +++ b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js @@ -2,8 +2,8 @@ import React from 'react'; import { copyCoinAddress, getNewKMDAddresses -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { AddressListRender, WalletsNativeReceiveRender diff --git a/react/src/components/dashboard/walletsNativeReceive.render.js b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.render.js similarity index 98% rename from react/src/components/dashboard/walletsNativeReceive.render.js rename to react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.render.js index f172524..483df3d 100644 --- a/react/src/components/dashboard/walletsNativeReceive.render.js +++ b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const AddressListRender = function(address, type) { return ( diff --git a/react/src/components/dashboard/walletsNativeSend.js b/react/src/components/dashboard/walletsNativeSend/walletsNativeSend.js similarity index 96% rename from react/src/components/dashboard/walletsNativeSend.js rename to react/src/components/dashboard/walletsNativeSend/walletsNativeSend.js index cd8e1b5..8d618cc 100644 --- a/react/src/components/dashboard/walletsNativeSend.js +++ b/react/src/components/dashboard/walletsNativeSend/walletsNativeSend.js @@ -1,14 +1,14 @@ import React from 'react'; -import Config from '../../config'; -import { translate } from '../../translate/translate'; -import { secondsToString } from '../../util/time'; +import Config from '../../../config'; +import { translate } from '../../../translate/translate'; +import { secondsToString } from '../../../util/time'; import { resolveOpenAliasAddress, triggerToaster, sendNativeTx, getKMDOPID -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { AddressListRender, OASendUIRender, diff --git a/react/src/components/dashboard/walletsNativeSend.render.js b/react/src/components/dashboard/walletsNativeSend/walletsNativeSend.render.js similarity index 99% rename from react/src/components/dashboard/walletsNativeSend.render.js rename to react/src/components/dashboard/walletsNativeSend/walletsNativeSend.render.js index 71400f6..5754d8a 100644 --- a/react/src/components/dashboard/walletsNativeSend.render.js +++ b/react/src/components/dashboard/walletsNativeSend/walletsNativeSend.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const AddressListRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeSyncProgress.js b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js similarity index 98% rename from react/src/components/dashboard/walletsNativeSyncProgress.js rename to react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js index 46f65c3..4eead7d 100644 --- a/react/src/components/dashboard/walletsNativeSyncProgress.js +++ b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import { ChainActivationNotificationRender, WalletsNativeSyncProgressRender diff --git a/react/src/components/dashboard/walletsNativeSyncProgress.render.js b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.render.js similarity index 93% rename from react/src/components/dashboard/walletsNativeSyncProgress.render.js rename to react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.render.js index 149e0c9..a99cda9 100644 --- a/react/src/components/dashboard/walletsNativeSyncProgress.render.js +++ b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const ChainActivationNotificationRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeTxHistory.js b/react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.js similarity index 96% rename from react/src/components/dashboard/walletsNativeTxHistory.js rename to react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.js index 2090ace..7e2f3f2 100644 --- a/react/src/components/dashboard/walletsNativeTxHistory.js +++ b/react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.js @@ -1,8 +1,8 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { sortByDate } from '../../util/sort'; -import { toggleDashboardTxInfoModal } from '../../actions/actionCreators'; -import Store from '../../store'; +import { translate } from '../../../translate/translate'; +import { sortByDate } from '../../../util/sort'; +import { toggleDashboardTxInfoModal } from '../../../actions/actionCreators'; +import Store from '../../../store'; import { PaginationItemsPerPageSelectorRender, PaginationRender, diff --git a/react/src/components/dashboard/walletsNativeTxHistory.render.js b/react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.render.js similarity index 97% rename from react/src/components/dashboard/walletsNativeTxHistory.render.js rename to react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.render.js index 7e37d9c..72f63a0 100644 --- a/react/src/components/dashboard/walletsNativeTxHistory.render.js +++ b/react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.render.js @@ -1,6 +1,6 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { secondsToString } from '../../util/time'; +import { translate } from '../../../translate/translate'; +import { secondsToString } from '../../../util/time'; export const PaginationItemsPerPageSelectorRender = function() { return ( diff --git a/react/src/components/dashboard/walletsNativeTxInfo.js b/react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.js similarity index 89% rename from react/src/components/dashboard/walletsNativeTxInfo.js rename to react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.js index e498e77..39deb98 100644 --- a/react/src/components/dashboard/walletsNativeTxInfo.js +++ b/react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.js @@ -1,6 +1,6 @@ import React from 'react'; -import { toggleDashboardTxInfoModal } from '../../actions/actionCreators'; -import Store from '../../store'; +import { toggleDashboardTxInfoModal } from '../../../actions/actionCreators'; +import Store from '../../../store'; class WalletsNativeTxInfo extends React.Component { constructor(props) { diff --git a/react/src/components/dashboard/walletsNativeTxInfo.render.js b/react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.render.js similarity index 97% rename from react/src/components/dashboard/walletsNativeTxInfo.render.js rename to react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.render.js index 0f5a2cb..6f92eca 100644 --- a/react/src/components/dashboard/walletsNativeTxInfo.render.js +++ b/react/src/components/dashboard/walletsNativeTxInfo/walletsNativeTxInfo.render.js @@ -1,6 +1,6 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { secondsToString } from '../../util/time'; +import { translate } from '../../../translate/translate'; +import { secondsToString } from '../../../util/time'; const WalletsNativeTxInfoRender = function(txInfo) { return ( diff --git a/react/src/components/dashboard/walletsNav.js b/react/src/components/dashboard/walletsNav/walletsNav.js similarity index 95% rename from react/src/components/dashboard/walletsNav.js rename to react/src/components/dashboard/walletsNav/walletsNav.js index 2860a48..4a48169 100644 --- a/react/src/components/dashboard/walletsNav.js +++ b/react/src/components/dashboard/walletsNav/walletsNav.js @@ -6,8 +6,8 @@ import { toggleReceiveCoinForm, toggleSendReceiveCoinForms, toggleDashboardActiveSection -} from '../../actions/actionCreators'; -import Store from '../../store'; +} from '../../../actions/actionCreators'; +import Store from '../../../store'; import { WalletsNavNoWalletRender, WalletsNavWithWalletRender diff --git a/react/src/components/dashboard/walletsNav.render.js b/react/src/components/dashboard/walletsNav/walletsNav.render.js similarity index 97% rename from react/src/components/dashboard/walletsNav.render.js rename to react/src/components/dashboard/walletsNav/walletsNav.render.js index 57db2c9..77218de 100644 --- a/react/src/components/dashboard/walletsNav.render.js +++ b/react/src/components/dashboard/walletsNav/walletsNav.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; export const WalletsNavNoWalletRender = function () { return ( diff --git a/react/src/components/dashboard/walletsNotariesList.js b/react/src/components/dashboard/walletsNotariesList/walletsNotariesList.js similarity index 89% rename from react/src/components/dashboard/walletsNotariesList.js rename to react/src/components/dashboard/walletsNotariesList/walletsNotariesList.js index 24f16e5..731b03f 100644 --- a/react/src/components/dashboard/walletsNotariesList.js +++ b/react/src/components/dashboard/walletsNotariesList/walletsNotariesList.js @@ -1,7 +1,7 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { displayNotariesModal } from '../../actions/actionCreators'; -import Store from '../../store'; +import { translate } from '../../../translate/translate'; +import { displayNotariesModal } from '../../../actions/actionCreators'; +import Store from '../../../store'; import { TreeNode } from 'rc-tree'; import { NotariesListRender, diff --git a/react/src/components/dashboard/walletsNotariesList.render.js b/react/src/components/dashboard/walletsNotariesList/walletsNotariesList.render.js similarity index 93% rename from react/src/components/dashboard/walletsNotariesList.render.js rename to react/src/components/dashboard/walletsNotariesList/walletsNotariesList.render.js index f1db6c5..31f6ada 100644 --- a/react/src/components/dashboard/walletsNotariesList.render.js +++ b/react/src/components/dashboard/walletsNotariesList/walletsNotariesList.render.js @@ -1,7 +1,7 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import Tree, { TreeNode } from 'rc-tree'; -import { animation } from '../../util/rc-tree-animate'; +import { animation } from '../../../util/rc-tree-animate'; export const NotariesListRender = function (node, index) { <TreeNode title={ `Node ${index}` } key={ `node-${index}` }> diff --git a/react/src/components/dashboard/walletsProgress.js b/react/src/components/dashboard/walletsProgress/walletsProgress.js similarity index 94% rename from react/src/components/dashboard/walletsProgress.js rename to react/src/components/dashboard/walletsProgress/walletsProgress.js index f2200bf..6ddfa27 100644 --- a/react/src/components/dashboard/walletsProgress.js +++ b/react/src/components/dashboard/walletsProgress/walletsProgress.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; import WalletsProgressRender from './walletsProgress.render'; class WalletsProgress extends React.Component { diff --git a/react/src/components/dashboard/walletsProgress.render.js b/react/src/components/dashboard/walletsProgress/walletsProgress.render.js similarity index 96% rename from react/src/components/dashboard/walletsProgress.render.js rename to react/src/components/dashboard/walletsProgress/walletsProgress.render.js index 3591ffd..74e4214 100644 --- a/react/src/components/dashboard/walletsProgress.render.js +++ b/react/src/components/dashboard/walletsProgress/walletsProgress.render.js @@ -1,5 +1,5 @@ import React from 'react'; -import { translate } from '../../translate/translate'; +import { translate } from '../../../translate/translate'; const WalletsProgressRender = function () { return ( diff --git a/react/src/components/dashboard/walletsTxInfo.js b/react/src/components/dashboard/walletsTxInfo/walletsTxInfo.js similarity index 89% rename from react/src/components/dashboard/walletsTxInfo.js rename to react/src/components/dashboard/walletsTxInfo/walletsTxInfo.js index f90f554..0eac017 100644 --- a/react/src/components/dashboard/walletsTxInfo.js +++ b/react/src/components/dashboard/walletsTxInfo/walletsTxInfo.js @@ -1,6 +1,6 @@ import React from 'react'; -import { toggleDashboardTxInfoModal } from '../../actions/actionCreators'; -import Store from '../../store'; +import { toggleDashboardTxInfoModal } from '../../../actions/actionCreators'; +import Store from '../../../store'; import WalletsTxInfoRender from './walletsTxInfo.render'; class WalletsTxInfo extends React.Component { diff --git a/react/src/components/dashboard/walletsTxInfo.render.js b/react/src/components/dashboard/walletsTxInfo/walletsTxInfo.render.js similarity index 96% rename from react/src/components/dashboard/walletsTxInfo.render.js rename to react/src/components/dashboard/walletsTxInfo/walletsTxInfo.render.js index d27daa3..c15cf17 100644 --- a/react/src/components/dashboard/walletsTxInfo.render.js +++ b/react/src/components/dashboard/walletsTxInfo/walletsTxInfo.render.js @@ -1,6 +1,6 @@ import React from 'react'; -import { translate } from '../../translate/translate'; -import { secondsToString } from '../../util/time'; +import { translate } from '../../../translate/translate'; +import { secondsToString } from '../../../util/time'; const WalletsTxInfoRender = function(txInfo) { return ( diff --git a/react/src/components/main/walletMain.js b/react/src/components/main/walletMain.js index 70f933c..fdc6868 100644 --- a/react/src/components/main/walletMain.js +++ b/react/src/components/main/walletMain.js @@ -2,9 +2,9 @@ import React from 'react'; import Toaster from '../toaster/toaster'; import AddCoin from '../addcoin/addcoin'; import Login from '../login/login'; -import Dashboard from '../dashboard/dashboard'; -import SyncOnly from '../dashboard/syncOnly'; -import Notifications from '../dashboard/notifications'; +import Dashboard from '../dashboard/main/dashboard'; +import SyncOnly from '../dashboard/syncOnly/syncOnly'; +import Notifications from '../dashboard/notifications/notifications'; class WalletMain extends React.Component { render() { diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss index 3b3c8e4..84c0948 100644 --- a/react/src/styles/index.scss +++ b/react/src/styles/index.scss @@ -31,6 +31,6 @@ @import '../assets/skins/orange.min.css'; @import '../../node_modules/rc-tree/assets/index.css'; @import '../components/addcoin/addcoin.scss'; -@import '../components/dashboard/dashboard.scss'; +@import '../components/dashboard/main/dashboard.scss'; @import '../components/login/login.scss'; @import '../components/overrides.scss'; \ No newline at end of file From 5417e0ebe88b14eb1cc81606c01d28ac2892533c Mon Sep 17 00:00:00 2001 From: pbca26 <pbca26@gmail.com> Date: Sat, 10 Jun 2017 21:43:17 +0300 Subject: [PATCH 2/4] native receive missing return in render --- .../components/dashboard/receiveCoin/receiveCoin.render.js | 6 +++--- .../dashboard/walletsNativeReceive/walletsNativeReceive.js | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/react/src/components/dashboard/receiveCoin/receiveCoin.render.js b/react/src/components/dashboard/receiveCoin/receiveCoin.render.js index 9a54f80..c83f736 100644 --- a/react/src/components/dashboard/receiveCoin/receiveCoin.render.js +++ b/react/src/components/dashboard/receiveCoin/receiveCoin.render.js @@ -27,7 +27,7 @@ export const AddressActionsBasiliskModeRender = function(address) { ); }; -export const AddressActionsNonBasiliskModeRender = function (address) { +export const AddressActionsNonBasiliskModeRender = function(address) { return ( <td> <span className="label label-default"> @@ -40,7 +40,7 @@ export const AddressActionsNonBasiliskModeRender = function (address) { ); }; -export const AddressItemRender = function (address) { +export const AddressItemRender = function(address) { return ( <tr key={ address.address }> { this.renderAddressActions(address.address) } @@ -51,7 +51,7 @@ export const AddressItemRender = function (address) { ); }; -export const ReceiveCoinRender = function () { +export const ReceiveCoinRender = function() { return ( <div> <div className="col-xs-12 margin-top-20"> diff --git a/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js index 05e65a4..16fb502 100644 --- a/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js +++ b/react/src/components/dashboard/walletsNativeReceive/walletsNativeReceive.js @@ -66,7 +66,7 @@ class WalletsNativeReceive extends React.Component { if (this.props && this.props.ActiveCoin && this.props.ActiveCoin.nativeActiveSection === 'receive') { - WalletsNativeReceiveRender.call(this); + return WalletsNativeReceiveRender.call(this); } return null; From ac3f6285c9c3fa5f27e65bdd4f498936fe2ae285 Mon Sep 17 00:00:00 2001 From: pbca26 <pbca26@gmail.com> Date: Sun, 11 Jun 2017 12:19:32 +0300 Subject: [PATCH 3/4] removed redundant display-none class --- .../dashboard/coinTile/coinTile.render.js | 2 +- .../components/dashboard/main/dashboard.scss | 30 ++++++++----------- .../dashboard/navbar/navbar.render.js | 18 +++++------ .../dashboard/receiveCoin/receiveCoin.js | 6 ++-- .../walletsData/walletsData.render.js | 2 +- .../walletsHeader/walletsHeader.render.js | 8 ++--- .../dashboard/walletsNative/walletsNative.js | 1 - .../dashboard/walletsNav/walletsNav.render.js | 4 +-- 8 files changed, 34 insertions(+), 37 deletions(-) diff --git a/react/src/components/dashboard/coinTile/coinTile.render.js b/react/src/components/dashboard/coinTile/coinTile.render.js index eaf6d0d..d4b921c 100644 --- a/react/src/components/dashboard/coinTile/coinTile.render.js +++ b/react/src/components/dashboard/coinTile/coinTile.render.js @@ -9,7 +9,7 @@ const CoinTileRender = function() { <i className="icon md-chevron-right"></i> </div> <div className="page-aside-inner"> - <div className="search-wallet-widgets panel display-none"> + <div className="search-wallet-widgets panel hide"> <div className="panel-heading"> <div className="panel-actions"> <div className="input-search input-group-sm"> diff --git a/react/src/components/dashboard/main/dashboard.scss b/react/src/components/dashboard/main/dashboard.scss index 06d2aa4..c32f5ab 100755 --- a/react/src/components/dashboard/main/dashboard.scss +++ b/react/src/components/dashboard/main/dashboard.scss @@ -6,31 +6,27 @@ text-align: center; } -.display-none { - display: none !important; -} - .margin-top-30 { margin-top: 30px; } -// jumblr.js +// jumblr.js .jumblr-header { font-size: 24px; text-align: center; } -// loginModal.js +// loginModal.js .color-white { color: #fff; } -//navbar.js +// navbar.js .navbar-toolbar > li > a.padding-top-16 { padding-top: 16px; } -//notifications.js +// notifications.js .modal-body-container { height: 590px; } @@ -40,7 +36,7 @@ overflow-y: scroll; } -//sendCoin.js +// sendCoin.js .vertical-padding-10 { padding-top: 10px; padding-bottom: 10px; @@ -55,7 +51,7 @@ color: #f44336; } -//settings.js +// settings.js .wallet-info-key { font-weight: bold; } @@ -68,7 +64,7 @@ text-align: left; } -//walletsBalance.js +// walletsBalance.js .font-weight-600 { font-weight: 600; } @@ -77,7 +73,7 @@ font-size: 22px; } -//walletBasiliskConnection.js +// walletBasiliskConnection.js .wallet-send-header { border-radius: 3px 3px 0 0; } @@ -94,7 +90,7 @@ font-size: 80%; } -//walletsData.js +// walletsData.js .z-index-10 { z-index: 10; } @@ -107,12 +103,12 @@ padding: 20px 0 10px 0; } -//walletsHeader.js +// walletsHeader.js .z-index-1 { z-index: 1; } -//walletsNative.js +// walletsNative.js .background-color-white { background-color: #fff; } @@ -122,12 +118,12 @@ vertical-align: middle; } -//walletsNativeSyncProgress.js +// walletsNativeSyncProgress.js .sync-progress-container { margin: -20px 0px 10px 0px; } -//walletsNativeTxInfo.js +// walletsNativeTxInfo.js .height-170 { height: 170px; } \ No newline at end of file diff --git a/react/src/components/dashboard/navbar/navbar.render.js b/react/src/components/dashboard/navbar/navbar.render.js index 35415b6..4a3bab3 100644 --- a/react/src/components/dashboard/navbar/navbar.render.js +++ b/react/src/components/dashboard/navbar/navbar.render.js @@ -30,7 +30,7 @@ const NavbarRender = function() { <div className="navbar-container container-fluid"> <div className="collapse navbar-collapse navbar-collapse-toolbar"> <ul className="nav navbar-toolbar"> - <li className="hidden-float display-none"> + <li className="hidden-float hide"> <a> <i className="icon hamburger hamburger-arrow-left"> <span className="sr-only">{ translate('INDEX.TOGGLE_MENUBAR') }</span> @@ -48,7 +48,7 @@ const NavbarRender = function() { <i className="site-menu-icon"></i> EasyDEX </a> </li> - <li className={ 'display-none ' + (this.isSectionActive('jumblr') ? 'active nav-top-menu' : 'nav-top-menu') }> + <li className={ 'hide ' + (this.isSectionActive('jumblr') ? 'active nav-top-menu' : 'nav-top-menu') }> <a onClick={ () => this.dashboardChangeSection('jumblr') }> <i className="site-menu-icon"></i> Jumblr </a> @@ -64,19 +64,19 @@ const NavbarRender = function() { <a className="pointer padding-bottom-10 padding-top-16" onClick={ this.toggleAddCoinModal }> - <span> - <img src="assets/images/icons/activatecoin.png" alt={ translate('INDEX.ADD_COIN') } /> - </span> + <span> + <img src="assets/images/icons/activatecoin.png" alt={ translate('INDEX.ADD_COIN') } /> + </span> </a> </li> <li className={ 'pointer dropdown' + (this.state.openDropMenu ? ' open' : '') } onClick={ this.openDropMenu }> <a className="navbar-avatar dropdown-toggle"> - <span className="avatar avatar-online"> - <img src="assets/images/iguana_profile_02.jpg" alt="iguana profile pic" /> - <i></i> - </span> + <span className="avatar avatar-online"> + <img src="assets/images/iguana_profile_02.jpg" alt="iguana profile pic" /> + <i></i> + </span> </a> <ul className="dropdown-menu"> <li> diff --git a/react/src/components/dashboard/receiveCoin/receiveCoin.js b/react/src/components/dashboard/receiveCoin/receiveCoin.js index 1a494df..99c5069 100644 --- a/react/src/components/dashboard/receiveCoin/receiveCoin.js +++ b/react/src/components/dashboard/receiveCoin/receiveCoin.js @@ -62,10 +62,12 @@ class ReceiveCoin extends React.Component { for (let i = 0; i < this.props.addresses.public.length; i++) { let address = this.props.addresses.public[i]; - if (this.isBasiliskMode() && this.hasNoAmount(address)) { + if (this.isBasiliskMode() && + this.hasNoAmount(address)) { address.amount = this.props.cache && this.props.cache[this.props.coin][address.address] && this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.balance ? this.props.cache[this.props.coin][address.address].getbalance.data.balance : 'N/A'; } - if (this.isBasiliskMode() && this.hasNoInterest(address)) { + if (this.isBasiliskMode() && + this.hasNoInterest(address)) { address.interest = this.props.cache && this.props.cache[this.props.coin][address.address] && this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.interest ? this.props.cache[this.props.coin][address.address].getbalance.data.interest : 'N/A'; } diff --git a/react/src/components/dashboard/walletsData/walletsData.render.js b/react/src/components/dashboard/walletsData/walletsData.render.js index ee37bb3..32c2dbb 100644 --- a/react/src/components/dashboard/walletsData/walletsData.render.js +++ b/react/src/components/dashboard/walletsData/walletsData.render.js @@ -171,7 +171,7 @@ export const WalletsDataRender = function() { <i className="icon fa-history"></i> { translate('INDEX.REFETCH_WALLET_DATA') } </a> </li> - <li className={ 'display-none ' + (!this.state.useCache ? 'hide' : '') }> + <li className={ 'hide ' + (!this.state.useCache ? 'hide' : '') }> <a onClick={ this.restartBasiliskInstance }> <i className="icon fa-refresh"></i> Restart Basilisk Instance (unsafe!) </a> diff --git a/react/src/components/dashboard/walletsHeader/walletsHeader.render.js b/react/src/components/dashboard/walletsHeader/walletsHeader.render.js index 6a91725..bf44ffd 100644 --- a/react/src/components/dashboard/walletsHeader/walletsHeader.render.js +++ b/react/src/components/dashboard/walletsHeader/walletsHeader.render.js @@ -14,7 +14,7 @@ const WalletsHeaderRender = function() { <img src="assets/images/native/jumblr_header_title_logo.png" /><br /> { translate('SIDEBAR.JUMBLR_MOTTO') } </li> </ol> - <div className="page-header-actions z-index-1 display-none"> + <div className="page-header-actions z-index-1 hide"> <div id="kmd_header_button"> <button type="button" @@ -38,7 +38,7 @@ const WalletsHeaderRender = function() { </ul> </div> - <div id="zec_header_button" className="display-none"> + <div id="zec_header_button" className="hide"> <button type="button" className="bg-yellow-600 btn btn-floating white waves-effect waves-float waves-light"> @@ -69,7 +69,7 @@ const WalletsHeaderRender = function() { </button> </div> - <div id="kmd_header_button" className="display-none"> + <div id="kmd_header_button" className="hide"> <button type="button" className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light"> @@ -92,7 +92,7 @@ const WalletsHeaderRender = function() { </ul> </div> - <div className="row no-space width-350 hidden-xs display-none"> + <div className="row no-space width-350 hidden-xs hide"> <div className="col-xs-6"> <div className="counter"> <span className="font-weight-medium"> - BTC</span> diff --git a/react/src/components/dashboard/walletsNative/walletsNative.js b/react/src/components/dashboard/walletsNative/walletsNative.js index b6f5853..de9304c 100644 --- a/react/src/components/dashboard/walletsNative/walletsNative.js +++ b/react/src/components/dashboard/walletsNative/walletsNative.js @@ -20,7 +20,6 @@ class WalletsNative extends React.Component { this.props.ActiveCoin.mode === 'native'; } - // <WalletsNativeAlert {...this.props} /> render() { if (this.isActiveCoinModeNative()) { return WalletsNativeRender.call(this); diff --git a/react/src/components/dashboard/walletsNav/walletsNav.render.js b/react/src/components/dashboard/walletsNav/walletsNav.render.js index 77218de..26d79f4 100644 --- a/react/src/components/dashboard/walletsNav/walletsNav.render.js +++ b/react/src/components/dashboard/walletsNav/walletsNav.render.js @@ -8,8 +8,8 @@ export const WalletsNavNoWalletRender = function () { <div className="alert alert-info alert-dismissible"> <button type="button" className="close"></button> <span className="font-size-24 text-align-center"> - <i className="icon fa-paw"></i> { translate('INDEX.NO_WALLET_CAPS') } - </span> + <i className="icon fa-paw"></i> { translate('INDEX.NO_WALLET_CAPS') } + </span> <br/> { translate('INDEX.PLEASE_SELECT_A_WALLET') }. </div> From 4b7b347e462850739ea89640a8ad102fffd98492 Mon Sep 17 00:00:00 2001 From: pbca26 <pbca26@gmail.com> Date: Sun, 11 Jun 2017 12:27:58 +0300 Subject: [PATCH 4/4] added native sync rescan progress --- .../walletsNativeSyncProgress.js | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js index 4eead7d..2d97a40 100644 --- a/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js +++ b/react/src/components/dashboard/walletsNativeSyncProgress/walletsNativeSyncProgress.js @@ -37,7 +37,7 @@ class WalletsNativeSyncProgress extends React.Component { if (this.props.Settings && this.props.Settings.debugLog) { if (this.props.Settings.debugLog.indexOf('UpdateTip') > -1) { - let temp = this.props.Settings.debugLog.split(' '); + const temp = this.props.Settings.debugLog.split(' '); let currentBestChain; let currentProgress; @@ -61,6 +61,18 @@ class WalletsNativeSyncProgress extends React.Component { `: ${Math.floor(currentBestChain * 100 / this.props.Dashboard.progress.remoteKMDNode.blocks)}% (blocks ${currentBestChain} / ${this.props.Dashboard.progress.remoteKMDNode.blocks})` ); } + } else if (this.props.Settings.debugLog.indexOf('Still rescanning') > -1) { + const temp = this.props.Settings.debugLog.split(' '); + + for (let i = 0; i < temp.length; i++) { + if (temp[i].indexOf('Progress=') > -1) { + currentProgress = Number(temp[i].replace('Progress=', '')) * 100; + } + } + + return ( + `: ${currentProgress}%` + ); } else { return ( <span>...</span>