| Server IP : 104.21.28.229 / Your IP : 216.73.216.142 Web Server : Apache/2 System : Linux hosting8537.lvs 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : mienphi ( 1014) PHP Version : 8.2.14 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/mienphi/public_html/wp-content/plugins/learnpress/assets/src/apps/js/frontend/modal/ |
Upload File : |
/**
* Create Modal popup.
* Edit: Use React Hook.
*
* @author Nhamdv - ThimPress.
*/
import store from './store';
import { __ } from '@wordpress/i18n';
import { useSelect, dispatch } from '@wordpress/data';
const Modal = ( { children } ) => {
const { show, hide, confirm } = dispatch( 'learnpress/modal' );
const isShow = useSelect( ( select ) => {
const isOpen = select( 'learnpress/modal' ).isOpen();
return isOpen;
} );
const message = useSelect( ( select ) => {
const getMessage = select( 'learnpress/modal' ).getMessage();
return getMessage;
} );
const dataConfirm = ( c ) => ( event ) => {
confirm( c );
};
const styles = {
display: isShow ? 'block' : 'none',
};
return (
<>
<div>
<div id="lp-modal-overlay" style={ styles }></div>
<div id="lp-modal-window" style={ styles }>
<div id="lp-modal-content" dangerouslySetInnerHTML={ { __html: message } }></div>
<div id="lp-modal-buttons">
<button className="lp-button modal-button-ok" onClick={ dataConfirm( 'yes' ) }>
<span>{ __( 'OK', 'learnpress' ) }</span>
</button>
<button className="lp-button modal-button-cancel" onClick={ dataConfirm( 'no' ) }>
<span>{ __( 'Cancel', 'learnpress' ) }</span>
</button>
</div>
</div>
</div>
{ children }
</>
);
};
export default Modal;