aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/loading-network-screen/loading-network-screen.component.js
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/loading-network-screen/loading-network-screen.component.js')
-rw-r--r--ui/app/components/loading-network-screen/loading-network-screen.component.js138
1 files changed, 0 insertions, 138 deletions
diff --git a/ui/app/components/loading-network-screen/loading-network-screen.component.js b/ui/app/components/loading-network-screen/loading-network-screen.component.js
deleted file mode 100644
index bf1c141e0..000000000
--- a/ui/app/components/loading-network-screen/loading-network-screen.component.js
+++ /dev/null
@@ -1,138 +0,0 @@
-import React, { PureComponent } from 'react'
-import PropTypes from 'prop-types'
-import Spinner from '../spinner'
-import Button from '../button'
-
-export default class LoadingNetworkScreen extends PureComponent {
- state = {
- showErrorScreen: false,
- }
-
- static contextTypes = {
- t: PropTypes.func,
- }
-
- static propTypes = {
- loadingMessage: PropTypes.string,
- cancelTime: PropTypes.number,
- provider: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
- providerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- showNetworkDropdown: PropTypes.func,
- setProviderArgs: PropTypes.array,
- lastSelectedProvider: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
- setProviderType: PropTypes.func,
- isLoadingNetwork: PropTypes.bool,
- }
-
- componentDidMount = () => {
- this.cancelCallTimeout = setTimeout(this.cancelCall, this.props.cancelTime || 15000)
- }
-
- getConnectingLabel = function (loadingMessage) {
- if (loadingMessage) {
- return loadingMessage
- }
- const { provider, providerId } = this.props
- const providerName = provider.type
-
- let name
-
- if (providerName === 'mainnet') {
- name = this.context.t('connectingToMainnet')
- } else if (providerName === 'ropsten') {
- name = this.context.t('connectingToRopsten')
- } else if (providerName === 'kovan') {
- name = this.context.t('connectingToKovan')
- } else if (providerName === 'rinkeby') {
- name = this.context.t('connectingToRinkeby')
- } else {
- name = this.context.t('connectingTo', [providerId])
- }
-
- return name
- }
-
- renderMessage = () => {
- return <span>{ this.getConnectingLabel(this.props.loadingMessage) }</span>
- }
-
- renderLoadingScreenContent = () => {
- return <div className="loading-overlay__screen-content">
- <Spinner color="#F7C06C" />
- {this.renderMessage()}
- </div>
- }
-
- renderErrorScreenContent = () => {
- const { showNetworkDropdown, setProviderArgs, setProviderType } = this.props
-
- return <div className="loading-overlay__error-screen">
- <span className="loading-overlay__emoji">&#128542;</span>
- <span>{ this.context.t('somethingWentWrong') }</span>
- <div className="loading-overlay__error-buttons">
- <Button
- type="default"
- onClick={() => {
- window.clearTimeout(this.cancelCallTimeout)
- showNetworkDropdown()
- }}
- >
- { this.context.t('switchNetworks') }
- </Button>
-
- <Button
- type="primary"
- onClick={() => {
- this.setState({ showErrorScreen: false })
- setProviderType(...setProviderArgs)
- window.clearTimeout(this.cancelCallTimeout)
- this.cancelCallTimeout = setTimeout(this.cancelCall, this.props.cancelTime || 15000)
- }}
- >
- { this.context.t('tryAgain') }
- </Button>
- </div>
- </div>
- }
-
- cancelCall = () => {
- const { isLoadingNetwork } = this.props
-
- if (isLoadingNetwork) {
- this.setState({ showErrorScreen: true })
- }
- }
-
- componentDidUpdate = (prevProps) => {
- const { provider } = this.props
- const { provider: prevProvider } = prevProps
- if (provider.type !== prevProvider.type) {
- window.clearTimeout(this.cancelCallTimeout)
- this.setState({ showErrorScreen: false })
- this.cancelCallTimeout = setTimeout(this.cancelCall, this.props.cancelTime || 15000)
- }
- }
-
- componentWillUnmount = () => {
- window.clearTimeout(this.cancelCallTimeout)
- }
-
- render () {
- const { lastSelectedProvider, setProviderType } = this.props
-
- return (
- <div className="loading-overlay">
- <div
- className="page-container__header-close"
- onClick={() => setProviderType(lastSelectedProvider || 'ropsten')}
- />
- <div className="loading-overlay__container">
- { this.state.showErrorScreen
- ? this.renderErrorScreenContent()
- : this.renderLoadingScreenContent()
- }
- </div>
- </div>
- )
- }
-}