Reset state of delete row button when user has clicked outside.
parent
c89d5d02df
commit
586e660271
|
@ -1,4 +1,5 @@
|
||||||
import React, {PropTypes, Component} from 'react'
|
import React, {PropTypes, Component} from 'react'
|
||||||
|
import OnClickOutside from 'shared/components/OnClickOutside'
|
||||||
|
|
||||||
const DeleteButton = ({onConfirm}) => (
|
const DeleteButton = ({onConfirm}) => (
|
||||||
<button
|
<button
|
||||||
|
@ -44,6 +45,10 @@ class DeleteRow extends Component {
|
||||||
this.setState({isConfirmed: false})
|
this.setState({isConfirmed: false})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
handleClickOutside() {
|
||||||
|
this.setState({isConfirmed: false})
|
||||||
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const {onDelete, item} = this.props
|
const {onDelete, item} = this.props
|
||||||
const {isConfirmed} = this.state
|
const {isConfirmed} = this.state
|
||||||
|
@ -84,4 +89,4 @@ DeleteRow.propTypes = {
|
||||||
onDelete: func.isRequired,
|
onDelete: func.isRequired,
|
||||||
}
|
}
|
||||||
|
|
||||||
export default DeleteRow
|
export default OnClickOutside(DeleteRow)
|
||||||
|
|
Loading…
Reference in New Issue