From d83417d1b9ea454ded0b6f24e581ac2a85c32780 Mon Sep 17 00:00:00 2001
From: dana-cfc4 <dana.comiselu4@gmail.com>
Date: Thu, 12 Jan 2023 14:41:02 +0200
Subject: [PATCH] Add ConnectedTableau

---
 src/Blocks/EmbedEEATableauBlock/Edit.jsx  |  7 +------
 src/Blocks/EmbedEEATableauBlock/View.jsx  |  9 +++------
 src/ConnectedTableau/ConnectedTableau.jsx | 15 +++++++++++++++
 src/Views/VisualizationView.jsx           |  4 ++--
 4 files changed, 21 insertions(+), 14 deletions(-)
 create mode 100644 src/ConnectedTableau/ConnectedTableau.jsx

diff --git a/src/Blocks/EmbedEEATableauBlock/Edit.jsx b/src/Blocks/EmbedEEATableauBlock/Edit.jsx
index 43feccd..6dadc72 100644
--- a/src/Blocks/EmbedEEATableauBlock/Edit.jsx
+++ b/src/Blocks/EmbedEEATableauBlock/Edit.jsx
@@ -20,14 +20,9 @@ const Edit = (props) => {
     }
   }, [block, data, onChangeBlock]);
 
-  React.useEffect(() => {
-    props.getContent(data.vis_url, null, id);
-    //  eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [data.vis_url]);
-
   return (
     <>
-      <View data={data} id={id} mode="edit" />
+      <View data={data} id={id} />
       <SidebarPortal selected={props.selected}>
         <BlockDataForm
           block={block}
diff --git a/src/Blocks/EmbedEEATableauBlock/View.jsx b/src/Blocks/EmbedEEATableauBlock/View.jsx
index 9bbc924..34631b9 100644
--- a/src/Blocks/EmbedEEATableauBlock/View.jsx
+++ b/src/Blocks/EmbedEEATableauBlock/View.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import TableauView from '../../TableauBlock/View';
+import ConnectedTableau from '../../ConnectedTableau/ConnectedTableau';
+
 import { Sources } from '../../Sources';
 import { getContent } from '@plone/volto/actions';
 
@@ -18,13 +19,9 @@ const View = (props) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [vis_url]);
 
-  console.log(
-    props.tableau_visualization,
-    'tableau_visualization data here <====',
-  );
   return (
     <>
-      <TableauView {...props} />
+      <ConnectedTableau {...props.tableau_visualization} id={props.id} />
       {with_sources &&
         (props.mode !== 'edit' ? <Sources data={data.tableauSources} /> : '')}
     </>
diff --git a/src/ConnectedTableau/ConnectedTableau.jsx b/src/ConnectedTableau/ConnectedTableau.jsx
new file mode 100644
index 0000000..e4a223f
--- /dev/null
+++ b/src/ConnectedTableau/ConnectedTableau.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import Tableau from '@eeacms/volto-tableau/Tableau/View';
+
+const ConnectedTableau = (props) => {
+  return (
+    <div className="tableau-block">
+      <Tableau
+        data={{ ...props?.general, ...props?.options, ...props?.extraOptions }}
+        url={props?.general?.url}
+      />
+    </div>
+  );
+};
+
+export default ConnectedTableau;
diff --git a/src/Views/VisualizationView.jsx b/src/Views/VisualizationView.jsx
index 89de17c..115b151 100644
--- a/src/Views/VisualizationView.jsx
+++ b/src/Views/VisualizationView.jsx
@@ -10,7 +10,7 @@ const VisualizationView = (props) => {
     return (
       <div className="tableau-block not_displayed_tableau">
         <div className="tableau-info">
-          {!tableau_visualization_data.general.url ? (
+          {!tableau_visualization_data.general?.url ? (
             <p className="tableau-error">URL required</p>
           ) : tableauError ? (
             <p className="tableau-error">{tableauError}</p>
@@ -23,7 +23,7 @@ const VisualizationView = (props) => {
   };
   return (
     <div>
-      {!tableau_visualization_data.general.url || tableauError ? (
+      {!tableau_visualization_data.general?.url || tableauError ? (
         <TableauNotDisplayed />
       ) : (
         ''