fix: conditionally hide breadcrumbs stub if mobile and one node

ably · Feb 3, 2025 · b386ccb · b386ccb
1 parent 6acc389
commit b386ccb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/Layout/Breadcrumbs.tsx b/src/components/Layout/Breadcrumbs.tsx
@@ -24,7 +24,11 @@ const Breadcrumbs: React.FC = () => {
       <Link to="/" className={cn(linkStyles, 'hidden sm:block')}>
         Home
       </Link>
-      <Icon name="icon-gui-chevron-right-micro" size="16px" additionalCSS="rotate-180 sm:rotate-0" />
+      <Icon
+        name="icon-gui-chevron-right-micro"
+        size="16px"
+        additionalCSS={cn('rotate-180 sm:rotate-0', { 'hidden sm:flex': breadcrumbNodes.length === 1 })}
+      />
       {breadcrumbNodes.map((node, index) => (
         <React.Fragment key={hierarchicalKey(node.page.link, index, activePage.tree)}>
           {index > 0 ? <Icon name="icon-gui-chevron-right-micro" size="16px" additionalCSS="hidden sm:flex" /> : null}