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

Make loading screen more concise

Browse Source
This commit is contained in:
David Walsh 2020-10-16 20:23:19 -05:00
parent 003f1306d3
commit d9af9986bb
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/app/components/ui/loading-screen/loading-screen.component.js
View File

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