ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2024-11-15 04:35:57 +05:30
Code Issues Packages Projects Releases Wiki Activity

#136: add an option to close popup by clicking on overlay

Browse Source
This commit is contained in:
SleepWalker 2016-06-02 22:12:20 +03:00
parent 1d85a8cfa7
commit 9b093d1353
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ui/popup/PopupStack.jsx
View File

@ -29,7 +29,7 @@ export class PopupStack extends Component {
: {...defaultProps, ...popup.props};
return (
<div className={styles.overlay} key={popup.type + index}>
<div className={styles.overlay} key={index} onClick={this.onOverlayClick(popup, props)}>
<div className={styles.popupWrapper}>
<div className={styles.popup}>
<Popup {...props} />
@ -45,6 +45,18 @@ export class PopupStack extends Component {
onClose(popup) {
return this.props.destroy.bind(null, popup);
}
onOverlayClick(popup, popupProps) {
return (event) => {
if (event.target !== event.currentTarget || popupProps.disableOverlayClose) {
return;
}
event.preventDefault();
this.props.destroy(popup);
};
}
}
import { connect } from 'react-redux';

1
src/pages/profile/ProfilePage.jsx
View File

@ -76,6 +76,7 @@ export default connect(null, {
return new Promise((resolve) => {
dispatch(createPopup(PasswordRequestForm, (props) => ({
form,
disableOverlayClose: true,
onSubmit: () => {
form.beginLoading();
sendData()