diff --git a/src/SearchBlock/BlockContainer/BlockContainer.jsx b/src/SearchBlock/BlockContainer/BlockContainer.jsx
index efd0ecbb7..d6713f0cc 100644
--- a/src/SearchBlock/BlockContainer/BlockContainer.jsx
+++ b/src/SearchBlock/BlockContainer/BlockContainer.jsx
@@ -1,11 +1,7 @@
import React from 'react';
-import { Button } from 'semantic-ui-react';
import { useLocation } from 'react-router-dom';
-import { Icon, RenderBlocks } from '@plone/volto/components';
+import { RenderBlocks } from '@plone/volto/components';
import config from '@plone/volto/registry';
-
-import clearSVG from '@plone/volto/icons/clear.svg';
-
import BlockEdit from '@plone/volto/components/manage/Blocks/Block/Edit';
import NewBlockAddButton from './NewBlockAddButton';
@@ -17,7 +13,7 @@ export default function BlockContainer(props) {
data,
selected = false,
onChangeSlotfill,
- onDeleteSlotfill,
+ // onDeleteSlotfill,
onSelectSlotfill,
properties,
metadata,
@@ -45,35 +41,24 @@ export default function BlockContainer(props) {
return mode === 'view' ? (
) : data ? (
-
-
-
- {}}
- onDeleteBlock={() => {}}
- onChangeBlock={onChangeSlotfill}
- onSelectBlock={(id, isSelected) => onSelectSlotfill(id)}
- pathname={location.pathname}
- index={index}
- disableNewBlocks={true}
- blocksConfig={blocksConfig}
- />
-
+ {}}
+ onDeleteBlock={() => {}}
+ onChangeBlock={onChangeSlotfill}
+ onSelectBlock={(id, isSelected) => onSelectSlotfill(id)}
+ pathname={location.pathname}
+ index={index}
+ disableNewBlocks={true}
+ blocksConfig={blocksConfig}
+ />
) : (
diff --git a/src/SearchBlock/BlockContainer/SlotEditor.jsx b/src/SearchBlock/BlockContainer/SlotEditor.jsx
index 4f6f41285..681fd25c7 100644
--- a/src/SearchBlock/BlockContainer/SlotEditor.jsx
+++ b/src/SearchBlock/BlockContainer/SlotEditor.jsx
@@ -3,9 +3,12 @@
*/
import React from 'react';
-import { Tab } from 'semantic-ui-react';
+import { Tab, Button } from 'semantic-ui-react';
import { SEARCH_STATES } from '@eeacms/search';
+import { Icon } from '@plone/volto/components';
import BlockContainer from './BlockContainer';
+import clearSVG from '@plone/volto/icons/delete.svg';
+import cx from 'classnames';
export default function SlotEditor(props) {
const {
@@ -20,13 +23,40 @@ export default function SlotEditor(props) {
mode,
} = props;
+ const [activeIndex, setActiveIndex] = React.useState(0);
+
return (
{
const blockId = `${name}-${state}`;
+ const hasData = !!data?.[blockId];
return {
- menuItem: label,
+ menuItem: (el, { active, index }) => {
+ return (
+
+
+ {active && hasData && (
+
+ )}
+
+ );
+ },
render: () => (