handling step-icon

This commit is contained in:
Antoine M 2024-07-19 11:44:17 +02:00
parent 257bb82e35
commit 8806e80888
4 changed files with 29 additions and 5 deletions

View File

@ -1 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n'), 'version' => '7e14e234e0e8cc630996');
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n'), 'version' => '64c2804f5325424c877c');

View File

@ -133,6 +133,13 @@ function Edit({
relatedPostId
} = attributes;
const post = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select("core").getEntityRecord("postType", "parcours", relatedPostId));
const stepIconUrl = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => {
var _media$source_url;
let setpIconID = post?.acf?.step_icon;
const media = select("core").getMedia(setpIconID);
return (_media$source_url = media?.source_url) !== null && _media$source_url !== void 0 ? _media$source_url : null;
}, [post]);
console.log(post);
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)(_OptionsSelectControl__WEBPACK_IMPORTED_MODULE_3__["default"], {
relatedPostId: relatedPostId,
setAttributes: setAttributes
@ -140,7 +147,13 @@ function Edit({
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps)({
className: `homegrade-blocks-parcours-step parcours-step parcours-step-card`
})
}, post && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", null, post.title.rendered))));
}, post && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
class: "parcours-step-card__icon",
src: stepIconUrl,
alt: ""
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("h3", {
className: "parcours-step-card__title"
}, post.title.rendered))));
}
/***/ }),
@ -203,7 +216,7 @@ function getThematiqueFamilySlug(thematique_slug) {
case "urbanisme":
return "energies-urbanisme";
case "acoustique":
case "petites-coproprietes":
case "coproprietes":
return "acoustique-coproprietes";
case "isolation":
case "au-quotidien":

File diff suppressed because one or more lines are too long

View File

@ -9,13 +9,23 @@ export default function Edit({ attributes, setAttributes }) {
const post = useSelect((select) =>
select("core").getEntityRecord("postType", "parcours", relatedPostId)
);
const stepIconUrl = useSelect(
(select) => {
let setpIconID = post?.acf?.step_icon;
const media = select("core").getMedia(setpIconID);
return media?.source_url ?? null;
},
[post]
);
console.log(post);
return (
<>
<OptionsSelectControl
relatedPostId={relatedPostId}
setAttributes={setAttributes}
/>
<div
{...useBlockProps({
className: `homegrade-blocks-parcours-step parcours-step parcours-step-card`,
@ -23,7 +33,8 @@ export default function Edit({ attributes, setAttributes }) {
>
{post && (
<>
<h3>{post.title.rendered}</h3>
<img class="parcours-step-card__icon" src={stepIconUrl} alt="" />
<h3 className="parcours-step-card__title">{post.title.rendered}</h3>
</>
)}
</div>