Antoine/homegrade_blocks_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding variation class depending on bg color

Browse Source
This commit is contained in:
Antoine M 2023-11-08 10:32:37 +01:00
parent 24e42caddd
commit 18138882f7
5 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
blocks/content-box/build/index.asset.php
View File

@ -1 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '57dc7a49cdb30881dfb6');
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '64a8b0ab00b3947c6bbc');

6
blocks/content-box/build/index.js
View File

@ -41,6 +41,7 @@ function Edit({
bgColor
});
}
const currentColorName = bgColor === "#F5F5F5" ? "gray" : "white";
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, {
title: "Couleur de fond"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ColorPalette, {
@ -56,7 +57,7 @@ function Edit({
onChange: onBgColorChange
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.useBlockProps)({
className: `homegrade-content-blocks-content-box`
className: `homegrade-content-blocks-content-box homegrade-content-blocks-content-box--${currentColorName}`
}),
style: {
backgroundColor: bgColor
@ -137,9 +138,10 @@ function save({
const {
bgColor
} = attributes;
const currentColorName = bgColor === "#F5F5F5" ? "gray" : "white";
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-content-blocks-content-box`
className: `homegrade-content-blocks-content-box homegrade-content-blocks-content-box--${currentColorName}`
}),
style: {
backgroundColor: bgColor

2
blocks/content-box/build/index.js.map
View File

File diff suppressed because one or more lines are too long

4
blocks/content-box/src/edit.js
View File

@ -15,7 +15,7 @@ export default function Edit({ attributes, setAttributes, clientId }) {
function onBgColorChange(bgColor) {
setAttributes({ bgColor });
}
const currentColorName = bgColor === "#F5F5F5" ? "gray" : "white";
return (
<>
<InspectorControls>
@ -39,7 +39,7 @@ export default function Edit({ attributes, setAttributes, clientId }) {
</InspectorControls>
<section
{...useBlockProps({
className: `homegrade-content-blocks-content-box`,
className: `homegrade-content-blocks-content-box homegrade-content-blocks-content-box--${currentColorName}`,
})}
style={{
backgroundColor: bgColor,

4
blocks/content-box/src/save.js
View File

@ -2,10 +2,12 @@ import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
const { bgColor } = attributes;
const currentColorName = bgColor === "#F5F5F5" ? "gray" : "white";
return (
<section
{...useBlockProps.save({
className: `homegrade-content-blocks-content-box`,
className: `homegrade-content-blocks-content-box homegrade-content-blocks-content-box--${currentColorName}`,
})}
style={{
backgroundColor: bgColor,