1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00

Make loading screen more concise

This commit is contained in:
David Walsh 2020-10-16 20:23:19 -05:00
parent 003f1306d3
commit d9af9986bb

View File

@ -16,18 +16,18 @@ class LoadingScreen extends Component {
renderMessage () {
const { loadingMessage } = this.props
if (isValidElement(loadingMessage)) {
return loadingMessage
if (!loadingMessage) {
return null
}
return loadingMessage
? <span>{loadingMessage}</span>
: null
return isValidElement(loadingMessage) ? loadingMessage : <span>{loadingMessage}</span>
}
render () {
return (
<div className="loading-overlay">
{this.props.header && this.props.header}
{this.props.header}
<div className="loading-overlay__container">
{this.props.showLoadingSpinner && <Spinner color="#F7C06C" className="loading-overlay__spinner" />}
{this.renderMessage()}