MediaFolder.js
5 years ago
MediaItem.js
5 years ago
MediaPopup.js
2 weeks ago
MediaPopup.scss
2 weeks ago
MediaPopupTemplate.js
2 weeks ago
MediaPopupTemplate.scss
2 weeks ago
chunk-upload.js
5 years ago
MediaPopupTemplate.js
49 lines
| 1 | /** |
| 2 | * WordPress dependencies |
| 3 | */ |
| 4 | const { __ } = wp.i18n; |
| 5 | const { Modal } = wp.components; |
| 6 | |
| 7 | import "./MediaPopupTemplate.scss"; |
| 8 | |
| 9 | export default ({ |
| 10 | onClose, |
| 11 | title, |
| 12 | header, |
| 13 | error, |
| 14 | mainContent, |
| 15 | sidebar, |
| 16 | footer, |
| 17 | }) => { |
| 18 | return ( |
| 19 | <Modal |
| 20 | isFullScreen |
| 21 | title={title ? title : __("Add Media", "presto-player")} |
| 22 | onRequestClose={onClose} |
| 23 | className="presto-media-popup-template" |
| 24 | overlayClassName="presto-player__modal-overlay" |
| 25 | > |
| 26 | <div |
| 27 | className="presto-media-popup-template__grid" |
| 28 | data-cy="media-modal" |
| 29 | > |
| 30 | <div className="presto-media-popup-template__header"> |
| 31 | <div className="presto-media-popup-template__header-row"> |
| 32 | {header} |
| 33 | </div> |
| 34 | {error} |
| 35 | </div> |
| 36 | <div className="presto-media-popup-template__main"> |
| 37 | {mainContent} |
| 38 | </div> |
| 39 | <div className="presto-media-popup-template__sidebar"> |
| 40 | {sidebar} |
| 41 | </div> |
| 42 | <div className="presto-media-popup-template__footer"> |
| 43 | {footer} |
| 44 | </div> |
| 45 | </div> |
| 46 | </Modal> |
| 47 | ); |
| 48 | }; |
| 49 |