DemoSiteTemplatesImport.js
3 years ago
FeedbackNotice.js
1 year ago
Filters.js
1 year ago
ImportTemplatesModal.js
1 year ago
Library.js
1 year ago
ListItem.js
1 year ago
PreviewFrame.js
1 year ago
common.js
2 years ago
PreviewFrame.js
40 lines
| 1 | import { Dashicon } from '@wordpress/components'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | import { stringifyUrl } from 'query-string'; |
| 4 | |
| 5 | const PreviewFrame = ( { |
| 6 | title, |
| 7 | leftButtons, |
| 8 | rightButtons, |
| 9 | heading, |
| 10 | previewUrl, |
| 11 | } ) => { |
| 12 | const url = stringifyUrl( { |
| 13 | url: previewUrl, |
| 14 | query: { tpcpreview: 'yes' }, |
| 15 | } ); |
| 16 | |
| 17 | const iframeTitle = title || __( 'Preview', 'templates-patterns-collection' ); |
| 18 | return ( |
| 19 | <div className="ob-preview single-templates"> |
| 20 | <div className="preview"> |
| 21 | <iframe title={ iframeTitle } src={ url } frameBorder="0" /> |
| 22 | <div className="loading"> |
| 23 | <Dashicon icon="update" size={ 50 } /> |
| 24 | </div> |
| 25 | </div> |
| 26 | <div className="bottom-bar"> |
| 27 | { leftButtons && ( |
| 28 | <div className="navigator">{ leftButtons }</div> |
| 29 | ) } |
| 30 | { heading && <h2 className="heading">{ heading }</h2> } |
| 31 | { rightButtons && ( |
| 32 | <div className="actions">{ rightButtons }</div> |
| 33 | ) } |
| 34 | </div> |
| 35 | </div> |
| 36 | ); |
| 37 | }; |
| 38 | |
| 39 | export default PreviewFrame; |
| 40 |