Render non empty panels in View

src/components/manage/Blocks/Accordion/View.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RenderBlocks } from '@eeacms/volto-blocks-form/components';
-import { getColumns, GroupblockHasValue } from './util';
+import { getColumns, AccordionblockHasValue } from './util';
 import { Accordion } from 'semantic-ui-react';
 import { applyTitleSize } from '@eeacms/volto-accordion-block/components/manage/Styles';
 
@@ -16,6 +16,7 @@ const View = (props) => {
   const {
     data: { data = {} },
   } = props;
+
   const columnList = getColumns(data);
   const metadata = props.metadata || props.properties;
   const [activeIndex, setActiveIndex] = React.useState(0);
@@ -28,7 +29,7 @@ const View = (props) => {
   return (
     <div>
       {columnList.map(([id, column], index) => {
-        return GroupblockHasValue(column) ? (
+        return AccordionblockHasValue(column) ? (
           <Accordion fluid styled key={id}>
             <React.Fragment>
               <Accordion.Title

src/components/manage/Blocks/Accordion/util.js

@@ -32,14 +32,19 @@ export const getColumns = (data) => {
   ]);
 };
 
-export const GroupblockHasValue = (content) => {
+export const AccordionblockHasValue = (content) => {
   const blocksFieldname = getBlocksFieldname(content);
   const blocksLayoutFieldname = getBlocksLayoutFieldname(content);
   const blockValue = map(content[blocksLayoutFieldname].items, (block) => {
     const blockData = content[blocksFieldname]?.[block];
     return blockHasValue(blockData);
   });
-  return blockValue.length === 1 ? blockValue[0] : true;
+  if (
+    content[blocksLayoutFieldname].hasOwnProperty('title') &&
+    content[blocksLayoutFieldname]?.title.length > 0
+  )
+    return true;
+  return blockValue.some((item) => item === true);
 };
 
 export const deleteBlock = (formData, blockId, colId) => {