store
1 year ago
AddonRow.jsx
1 year ago
App.jsx
1 year ago
Metabox.jsx
1 year ago
Modal.jsx
1 year ago
Notices.jsx
1 year ago
Select2.jsx
1 year ago
Settings.jsx
1 year ago
Step1.jsx
1 year ago
Step2.jsx
1 year ago
Step3.jsx
1 year ago
StepWrapper.jsx
1 year ago
main.js
1 year ago
Step3.jsx
71 lines
| 1 | /** |
| 2 | * WordPress Dependencies |
| 3 | */ |
| 4 | import { decodeEntities } from '@wordpress/html-entities'; |
| 5 | import { useContext, useState } from '@wordpress/element'; |
| 6 | |
| 7 | /** |
| 8 | * Internal Dependencies |
| 9 | */ |
| 10 | import Modal from './Modal'; |
| 11 | import Settings from './Settings'; |
| 12 | import { OneClickContext } from './store/context'; |
| 13 | |
| 14 | export default function Step3() { |
| 15 | const { step3 } = advancedAds.oneclick; |
| 16 | const [open, toggleModal] = useState(false); |
| 17 | const { selectedMethod, selectedPage } = useContext(OneClickContext); |
| 18 | |
| 19 | const onClose = () => toggleModal(false); |
| 20 | |
| 21 | return ( |
| 22 | <> |
| 23 | <div className="mt-6 mb-8"> |
| 24 | <p> |
| 25 | {String.format( |
| 26 | decodeEntities(step3.yourDomain), |
| 27 | advancedAds.oneclick.options.connectedDomain |
| 28 | )} |
| 29 | </p> |
| 30 | {'final' === selectedMethod && ( |
| 31 | <p |
| 32 | dangerouslySetInnerHTML={{ __html: step3.finalContent }} |
| 33 | ></p> |
| 34 | )} |
| 35 | </div> |
| 36 | {'page' === selectedMethod && ( |
| 37 | <div className="mt-6 mb-8"> |
| 38 | <div className="subheader inline">{step3.title}</div> |
| 39 | {!selectedPage ? ( |
| 40 | <div className="mt-6" |
| 41 | dangerouslySetInnerHTML={{ __html: step3.importContent }} |
| 42 | ></div> |
| 43 | ) : ( |
| 44 | <p |
| 45 | dangerouslySetInnerHTML={{ __html: step3.previewContent }} |
| 46 | ></p> |
| 47 | )} |
| 48 | <p className="buttons-set"> |
| 49 | <button |
| 50 | className="button button-primary" |
| 51 | onClick={() => toggleModal(true)} |
| 52 | > |
| 53 | {step3.btnImport} |
| 54 | </button> |
| 55 | {selectedPage > 0 && ( |
| 56 | <a href={`${advancedAds.siteInfo.homeUrl}/?p=${selectedPage}`} target="_blank" className="button button-secondary !flex items-center gap-x-1"> |
| 57 | <span>{advancedAds.oneclick.modal.btnGoto}</span> |
| 58 | <span className="dashicons dashicons-external"></span> |
| 59 | </a> |
| 60 | )} |
| 61 | </p> |
| 62 | </div> |
| 63 | )} |
| 64 | |
| 65 | <Modal open={open} onClose={onClose} /> |
| 66 | |
| 67 | <Settings /> |
| 68 | </> |
| 69 | ); |
| 70 | } |
| 71 |