Last active
December 14, 2018 17:22
-
-
Save matgargano/7c0f06eacfb5c078028e13981a632930 to your computer and use it in GitHub Desktop.
01-module
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Block dependencies | |
*/ | |
import icon from './icon'; | |
import './style.scss'; | |
import './editor.scss'; | |
/** | |
* Internal block libraries | |
*/ | |
const { __ } = wp.i18n; | |
const { registerBlockType } = wp.blocks; | |
const { Fragment } = wp.element; | |
/** | |
* Register block | |
*/ | |
export default registerBlockType('jsforwpblocks/static', { | |
title: __('Example - Static Block', 'jsforwpblocks'), | |
description: __('Demonstration of how to make a static call to action block.', 'jsforwpblocks'), | |
category: 'common', | |
icon: { | |
background: 'rgba(254, 243, 224, 0.52)', | |
src: icon | |
}, | |
keywords: [__('Banner', 'jsforwpblocks'), __('CTA', 'jsforwpblocks'), __('Shout Out', 'jsforwpblocks')], | |
edit: props => { | |
const { className, isSelected } = props; | |
return ( | |
<div className={className}> | |
<h2>{__('Static Call to Action', 'jsforwpblocks')}</h2> | |
<p>{__('This is really important!', 'jsforwpblocks')}</p> | |
{isSelected && ( | |
<p className="sorry warning">{__('✋ Sorry! You cannot edit this block ✋', 'jsforwpblocks')}</p> | |
)} | |
</div> | |
); | |
}, | |
save: props => { | |
return ( | |
<div> | |
<Fragment> | |
<h2>{__('Call to Action', 'jsforwpblocks')}</h2> | |
<p>{__('This is really important!', 'jsforwpblocks')}</p> | |
</Fragment> | |
</div> | |
); | |
} | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment