block-context
2 years ago
blocks
1 year ago
components
1 year ago
dynamic-tags
1 year ago
editor
1 year ago
editor-sidebar
1 year ago
extend
1 year ago
hoc
1 year ago
hooks
1 year ago
pattern-library
1 year ago
settings
1 year ago
shared
1 year ago
store
1 year ago
utils
1 year ago
_common.scss
1 year ago
blocks.js
2 years ago
dashboard.js
1 year ago
dashboard.scss
1 year ago
editor-sidebar.js
2 years ago
editor.js
1 year ago
packages.scss
1 year ago
pattern-library.js
2 years ago
settings.js
1 year ago
settings.scss
1 year ago
dashboard.js
70 lines
| 1 | import { Button, PanelBody, PanelRow } from '@wordpress/components'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | |
| 4 | import './dashboard.scss'; |
| 5 | import compatibleRender from '@utils/compatible-render'; |
| 6 | |
| 7 | export function Dashboard() { |
| 8 | return ( |
| 9 | <div className="generateblocks-dashboard"> |
| 10 | <div className="gblocks-dashboard-intro-content"> |
| 11 | <h2>{ __( 'GenerateBlocks', 'generateblocks' ) }</h2> |
| 12 | <p>{ __( 'Take WordPress to the next level.', 'generateblocks' ) }</p> |
| 13 | |
| 14 | <div className="gblocks-sub-navigation"> |
| 15 | { ! generateblocksDashboard.gbpVersion && ( |
| 16 | <Button |
| 17 | variant="primary" |
| 18 | href="https://generatepress.com/blocks/" |
| 19 | target="_blank" rel="noreferrer noopener" |
| 20 | > |
| 21 | { __( 'GenerateBlocks Pro', 'generateblocks' ) } |
| 22 | </Button> |
| 23 | ) } |
| 24 | |
| 25 | <Button |
| 26 | variant="secondary" |
| 27 | href="https://generatepress.com/blocks" |
| 28 | target="_blank" rel="noreferrer noopener" |
| 29 | > |
| 30 | { __( 'Learn more', 'generateblocks' ) } |
| 31 | </Button> |
| 32 | |
| 33 | <Button |
| 34 | variant="secondary" |
| 35 | href="https://docs.generateblocks.com" |
| 36 | target="_blank" rel="noreferrer noopener" |
| 37 | > |
| 38 | { __( 'Documentation', 'generateblocks' ) } |
| 39 | </Button> |
| 40 | </div> |
| 41 | </div> |
| 42 | |
| 43 | <PanelBody |
| 44 | title={ __( 'Information', 'generateblocks' ) } |
| 45 | className="gb-dashboard-info" |
| 46 | > |
| 47 | <div className="gblocks-dashboard-panel-row-wrapper"> |
| 48 | <PanelRow> |
| 49 | <ul style={ { marginBottom: 0 } }> |
| 50 | <li><strong>Version:</strong> { generateblocksDashboard.gbVersion }</li> |
| 51 | { !! generateblocksDashboard.gbpVersion ? ( |
| 52 | <li><strong>Pro Version:</strong> { generateblocksDashboard.gbpVersion }</li> |
| 53 | ) : ( |
| 54 | <li><strong>Pro Version:</strong> Not Installed. <a href="https://generatepress.com/blocks">Get Pro</a></li> |
| 55 | ) } |
| 56 | </ul> |
| 57 | </PanelRow> |
| 58 | </div> |
| 59 | </PanelBody> |
| 60 | </div> |
| 61 | ); |
| 62 | } |
| 63 | |
| 64 | window.addEventListener( 'DOMContentLoaded', () => { |
| 65 | compatibleRender( |
| 66 | document.getElementById( 'gblocks-dashboard' ), |
| 67 | <Dashboard /> |
| 68 | ); |
| 69 | } ); |
| 70 |