fix: remove breadcrumbs with empty title (#1445)

fern-api · Sep 11, 2024 · 7a5939a · 7a5939a
1 parent 1beaaf0
commit 7a5939a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/fdr-sdk/src/navigation/utils/createBreadcrumbs.ts b/packages/fdr-sdk/src/navigation/utils/createBreadcrumbs.ts
@@ -54,5 +54,6 @@ export function createBreadcrumbs(nodes: NavigationNode[]): readonly NavigationB
         });
     });
 
-    return breadcrumb;
+    // Remove breadcrumbs with empty titles
+    return breadcrumb.filter((item) => item.title.trim().length > 0);
 }
diff --git a/packages/ui/app/src/components/FernBreadcrumbs.tsx b/packages/ui/app/src/components/FernBreadcrumbs.tsx
@@ -10,14 +10,15 @@ export interface FernBreadcrumbsProps {
 
 export function FernBreadcrumbs({ breadcrumbs }: FernBreadcrumbsProps): ReactElement | null {
     const toHref = useToHref();
+    const filteredBreadcrumbs = breadcrumbs.filter((item) => item.title.trim().length > 0);
 
-    if (breadcrumbs.length === 0) {
+    if (filteredBreadcrumbs.length === 0) {
         return null;
     }
     return (
         <div>
             <span className="fern-breadcrumbs">
-                {breadcrumbs.map((breadcrumb, idx) => (
+                {filteredBreadcrumbs.map((breadcrumb, idx) => (
                     <Fragment key={idx}>
                         {idx > 0 && <NavArrowRight className="fern-breadcrumbs-arrow" />}
                         {breadcrumb.pointsTo != null ? (