diff --git a/src/ui/component/button/view.jsx b/src/ui/component/button/view.jsx index 82bfebdc7..f34e0cf7e 100644 --- a/src/ui/component/button/view.jsx +++ b/src/ui/component/button/view.jsx @@ -70,7 +70,6 @@ const Button = forwardRef((props: Props, ref: any) => { 'button--disabled': disabled, 'button--link': button === 'link', 'button--constrict': constrict, - 'button--splash': button === 'splash', } : 'button--no-style', className diff --git a/src/ui/component/splash/view.jsx b/src/ui/component/splash/view.jsx index 03d315871..b8bfc4c67 100644 --- a/src/ui/component/splash/view.jsx +++ b/src/ui/component/splash/view.jsx @@ -11,7 +11,6 @@ import ModalDownloading from 'modal/modalDownloading'; import 'css-doodle'; const FORTY_FIVE_SECONDS = 45 * 1000; -type SetDaemonSettingArg = boolean | string | number; type Props = { checkDaemonVersion: () => Promise, @@ -24,7 +23,7 @@ type Props = { id: string, }, animationHidden: boolean, - setClientSetting: (string, SetDaemonSettingArg) => void, + setClientSetting: (string, boolean) => void, }; type State = { @@ -147,22 +146,13 @@ export default class SplashScreen extends React.PureComponent { message: __('Blockchain Sync'), details: `${__('Catching up...')} (${blockchainHeaders.download_progress}%)`, }); - if (this.timeout) { - clearTimeout(this.timeout); - } } } else if (wallet && wallet.blocks_behind > 0) { const format = wallet.blocks_behind === 1 ? '%s block behind' : '%s blocks behind'; - // Only show blocks behind if it takes more than a few seconds. - setTimeout(() => { - this.setState({ - message: __('Blockchain Sync'), - details: `${__('Catching up...')} (${__(format, wallet.blocks_behind)})`, - }); - }, 5000); - if (this.timeout) { - clearTimeout(this.timeout); - } + this.setState({ + message: __('Blockchain Sync'), + details: `${__('Catching up...')} (${__(format, wallet.blocks_behind)})`, + }); } else if ( wallet && wallet.blocks_behind === 0 && @@ -170,15 +160,10 @@ export default class SplashScreen extends React.PureComponent { !status.is_running && startupStatus.database ) { - // Usually the transaction sync state, there's no status for this yet - // Only show after user has been waiting 10 seconds - // https://github.com/lbryio/lbry-sdk/issues/2314 - setTimeout(() => { - this.setState({ - message: 'Finalizing', - details: 'Almost done...', - }); - }, 10000); + this.setState({ + message: 'Finalizing', + details: 'Almost ready...', + }); } setTimeout(() => { @@ -278,14 +263,15 @@ export default class SplashScreen extends React.PureComponent { )}