Reset state of delete row button when user has clicked outside.

pull/971/head
Hunter Trujillo 2017-03-06 14:24:41 -07:00
parent c89d5d02df
commit 586e660271
1 changed files with 6 additions and 1 deletions

View File

@ -1,4 +1,5 @@
import React, {PropTypes, Component} from 'react'
import OnClickOutside from 'shared/components/OnClickOutside'
const DeleteButton = ({onConfirm}) => (
<button
@ -44,6 +45,10 @@ class DeleteRow extends Component {
this.setState({isConfirmed: false})
}
handleClickOutside() {
this.setState({isConfirmed: false})
}
render() {
const {onDelete, item} = this.props
const {isConfirmed} = this.state
@ -84,4 +89,4 @@ DeleteRow.propTypes = {
onDelete: func.isRequired,
}
export default DeleteRow
export default OnClickOutside(DeleteRow)