fix: fixed color selector

RedTurtle · Aug 9, 2023 · 974bf5b · 974bf5b
1 parent 978ff21
commit 974bf5b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/Block/Sidebar.jsx b/src/Block/Sidebar.jsx
@@ -82,6 +82,7 @@ const Sidebar = ({ data, block, onChangeBlock }) => {
           title={intl.formatMessage(messages.color)}
           value={data.color || CC_PALETTE[0].name}
           onChange={(id, value) => {
+            console.log('color', value);
             onChangeBlock(block, {
               ...data,
               [id]: value,

diff --git a/src/Block/View.jsx b/src/Block/View.jsx
@@ -1,13 +1,14 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
+import { CC_PALETTE } from 'volto-comuni-chiamo/Block/colors';
 
 const View = ({ data, properties, id, path }) => {
   useEffect(() => {
     const ccWidgetReportingConf = {
       targetId: 'comunichiamo',
       apiKey: data.keyWidget,
       ui: {
-        primaryColor: data.colorWidget ?? data.color,
+        primaryColor: data.colorWidget ?? checkColor(data.color),
       },
     };
     if (window && !window.hasOwnProperty('ccWidgetReportingConf')) {
@@ -25,6 +26,11 @@ const View = ({ data, properties, id, path }) => {
     // };
   }, [data]);
 
+  const checkColor = (color) => {
+    const colorSelect = CC_PALETTE.filter((el) => el.name === color);
+    return colorSelect[0].code;
+  };
+
   return (
     <>
       <div className="block comuni-chiamo">