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

Convert Alert component to use JSX (#7542)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-24 19:10:16 -03:30 committed by GitHub
parent 666277b4fa
commit 22a2d21796
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui/app/components/ui/alert/index.js
View File

@ -1,18 +1,13 @@
const { Component } = require('react') import classnames from 'classnames'
const PropTypes = require('prop-types') import PropTypes from 'prop-types'
const h = require('react-hyperscript') import React, { Component } from 'react'
class Alert extends Component { class Alert extends Component {
state = {
constructor (props) { visible: false,
super(props)
this.state = {
visble: false,
msg: false, msg: false,
className: '', className: '',
} }
}
componentWillReceiveProps (nextProps) { componentWillReceiveProps (nextProps) {
if (!this.props.visible && nextProps.visible) { if (!this.props.visible && nextProps.visible) {
@ -26,14 +21,14 @@ class Alert extends Component {
this.setState({ this.setState({
msg: props.msg, msg: props.msg,
visible: true, visible: true,
className: '.visible', className: 'visible',
}) })
} }
animateOut () { animateOut () {
this.setState({ this.setState({
msg: null, msg: null,
className: '.hidden', className: 'hidden',
}) })
setTimeout(_ => { setTimeout(_ => {
@ -45,9 +40,9 @@ class Alert extends Component {
render () { render () {
if (this.state.visible) { if (this.state.visible) {
return ( return (
h(`div.global-alert${this.state.className}`, {}, <div className={classnames('global-alert', this.state.className)}>
h('a.msg', {}, this.state.msg) <a className="msg">{this.state.msg}</a>
) </div>
) )
} }
return null return null