diff --git a/RELEASE.md b/RELEASE.md index 8cafea824..33eb9a7ed 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -47,6 +47,10 @@ - Aggiunta la possibilità di selezionare la dimensione dell'immagine nel blocco Alert, inoltre è stato aggiornato anche il widget per la selezione del colore di sfondo. +### Fix + +- Le icone del Blocco Icone si aggiornano istantaneamente quando vengono cambiate + ## Versione 10.3.0 (08/11/2023) ### Fix diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/Block/EditBlock.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/Block/EditBlock.jsx index 6426a26b8..606cf94a1 100644 --- a/src/components/ItaliaTheme/Blocks/IconBlocks/Block/EditBlock.jsx +++ b/src/components/ItaliaTheme/Blocks/IconBlocks/Block/EditBlock.jsx @@ -49,6 +49,10 @@ class EditBlock extends SubblockEdit { this.state = { focusOn: 'title', }; + this.state = { + ...this.state, + icon: '', + }; this.subblock_ref = React.createRef(); } @@ -61,6 +65,19 @@ class EditBlock extends SubblockEdit { } } }); + this.setIconValues(this.props.data); + } + + componentDidUpdate(prevProps) { + if (prevProps.data !== this.props.data) { + this.setIconValues(this.props.data); + } + } + + setIconValues(data) { + this.setState({ + icon: data.icon, + }); } /** * Render method. @@ -84,13 +101,14 @@ class EditBlock extends SubblockEdit { >
- {this.props.data.icon?.length > 0 ? ( - - ) : ( -
- {this.props.intl.formatMessage(messages.select_an_icon)} -
- )} + {this.state.icon === this.props.data.icon && + (this.props.data.icon?.length > 0 ? ( + + ) : ( +
+ {this.props.intl.formatMessage(messages.select_an_icon)} +
+ ))}