fix warning related to proptype

eea · Mar 5, 2022 · 824b9be · 824b9be
1 parent 4ec374e
commit 824b9be
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/src/ui/Breadcrumbs/Breadcrumbs.jsx b/src/ui/Breadcrumbs/Breadcrumbs.jsx
@@ -10,25 +10,26 @@ import { Breadcrumb, Container, Image } from 'semantic-ui-react';
 
 import homeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/home-icon.svg';
 
-const Breadcrumbs = ({ root, sections, icon }) => {
+const Breadcrumbs = ({ root, sections = [], icon }) => {
   return (
     <Container role="navigation" aria-label={'breadcrumbs'}>
       <Breadcrumb>
         <Link to={root || '/'} className="section" title={'Home'}>
           <Image src={homeIcon} alt="home" />
         </Link>
-        {sections.map((item, index, items) => [
-          <Breadcrumb.Divider icon={icon} key={`divider-${item.href}`} />,
-          index < items.length - 1 ? (
-            <Link key={item.key} to={item.href} className="section">
-              {item.title}
-            </Link>
-          ) : (
-            <Breadcrumb.Section key={item.key} active>
-              {item.title}
-            </Breadcrumb.Section>
-          ),
-        ])}
+        {sections.length > 0 &&
+          sections.map((item, index, items) => [
+            <Breadcrumb.Divider icon={icon} key={`divider-${item.href}`} />,
+            index < items.length - 1 ? (
+              <Link key={item.key} to={item.href} className="section">
+                {item.title}
+              </Link>
+            ) : (
+              <Breadcrumb.Section key={item.key} active>
+                {item.title}
+              </Breadcrumb.Section>
+            ),
+          ])}
       </Breadcrumb>
     </Container>
   );