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 NotificationModal component to use JSX (#7550)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-24 18:32:53 -03:30 committed by GitHub
parent 6e73d2be69
commit d948a3b195
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
ui/app/components/app/modals/notification-modal.js
View File

@ -1,8 +1,7 @@
const { Component } = require('react')
const PropTypes = require('prop-types')
const h = require('react-hyperscript')
const connect = require('react-redux').connect
const actions = require('../../../store/actions')
import PropTypes from 'prop-types'
import React, {Component} from 'react'
import {connect} from 'react-redux'
import { hideModal } from '../../../store/actions'
class NotificationModal extends Component {
render () {
@ -17,41 +16,44 @@ class NotificationModal extends Component {
const showButtons = showCancelButton || showConfirmButton
return h('div', [
h('div.notification-modal__wrapper', {
}, [
h('div.notification-modal__header', {}, [
this.context.t(header),
]),
h('div.notification-modal__message-wrapper', {}, [
h('div.notification-modal__message', {}, [
this.context.t(message),
]),
]),
h('div.modal-close-x', {
onClick: hideModal,
}),
showButtons && h('div.notification-modal__buttons', [
showCancelButton && h('div.btn-default.notification-modal__buttons__btn', {
onClick: hideModal,
}, 'Cancel'),
showConfirmButton && h('div.button.btn-secondary.notification-modal__buttons__btn', {
onClick: () => {
onConfirm()
hideModal()
},
}, 'Confirm'),
]),
]),
])
return (
<div>
<div className="notification-modal__wrapper">
<div className="notification-modal__header">
{this.context.t(header)}
</div>
<div className="notification-modal__message-wrapper">
<div className="notification-modal__message">
{this.context.t(message)}
</div>
</div>
<div className="modal-close-x" onClick={hideModal} />
{showButtons && (
<div className="notification-modal__buttons">
{showCancelButton && (
<div
className="btn-default notification-modal__buttons__btn"
onClick={hideModal}
>
Cancel
</div>
)}
{showConfirmButton && (
<div
className="button btn-secondary notification-modal__buttons__btn"
onClick={() => {
onConfirm()
hideModal()
}}
>
Confirm
</div>
)}
</div>
)}
</div>
</div>
)
}
}
@ -68,7 +70,7 @@ NotificationModal.propTypes = {
const mapDispatchToProps = dispatch => {
return {
hideModal: () => {
dispatch(actions.hideModal())
dispatch(hideModal())
},
}
}