fix: backwards compatibility for background color var of Alert block (#…

…459)
RedTurtle · Jan 5, 2024 · 7cf6626 · 7cf6626
1 parent d836021
commit 7cf6626
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -60,7 +60,7 @@ class Edit extends Component {
   constructor(props) {
     super(props);
     if (!this.props.data.bg_color) {
-      this.props.data.bg_color = 'warning';
+      this.props.data.bg_color = this.props.data.color ?? 'warning'; // backwards compatibility with previous background-color variable name 'color'
     }
     this.blockNode = React.createRef();
   }

diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -27,9 +27,11 @@ const View = ({ data, pathname }) => {
       )
     : '';
 
+  const background_color = data.bg_color ?? data.color; // backwards compatibility with previous background-color variable name 'color'
+
   return (
     <section role="alert" className="block alertblock">
-      <div className={cx('full-width', 'bg-alert-' + data.bg_color)}>
+      <div className={cx('full-width', 'bg-alert-' + background_color)}>
         <Container className="p-4 pt-5 pb-5">
           <Row className="align-items-start">
             {data.image?.data && (