fix: breadcrumbItem rendering

bettyblocks · Mar 31, 2020 · 9ee28d1 · 9ee28d1
1 parent 014dac5
commit 9ee28d1
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/breadcrumbItem.js b/src/components/breadcrumbItem.js
@@ -7,11 +7,17 @@
   orientation: 'VERTICAL',
   jsx: (() => {
     const isDev = B.env === 'dev';
-    const { Link } = B;
+    const { Link, useText } = B;
     const { endpoint, breadcrumbContent } = options;
-    const breadcrumbItem = <Link endpoint={endpoint}>{breadcrumbContent}</Link>;
+
+    const content = isDev
+      ? breadcrumbContent.join(' ')
+      : useText(breadcrumbContent);
+
+    // eslint-disable-next-line jsx-a11y/anchor-is-valid
+    const breadcrumbItem = <Link endpoint={endpoint}>{content}</Link>;
 
     return isDev ? <div>{breadcrumbItem}</div> : breadcrumbItem;
   })(),
-  styles: {},
+  styles: () => () => ({}),
 }))();