Improve breadcrumb component (#667)

nordcloud · Oct 6, 2023 · 9d5da4a · 9d5da4a
1 parent b5da7e7
commit 9d5da4a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@nordcloud/gnui",
   "description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
-  "version": "9.0.1",
+  "version": "9.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",

diff --git a/src/components/breadcrumbs/Breadcrumbs.stories.tsx b/src/components/breadcrumbs/Breadcrumbs.stories.tsx
@@ -44,8 +44,8 @@ export const Default: StoryObj = {
 export const CustomComponent: StoryObj = {
   render: () => (
     <Breadcrumbs
-      renderCustom={({ to }) => (
-        <Button as="a" linkTo={to}>
+      renderCustom={({ breadcrumb }) => (
+        <Button as="a" linkTo={breadcrumb.uri}>
           test123
         </Button>
       )}

diff --git a/src/components/breadcrumbs/Breadcrumbs.tsx b/src/components/breadcrumbs/Breadcrumbs.tsx
@@ -18,9 +18,8 @@ export type BreadcrumbsListProps = {
   >;
   renderCustom?: (
     props: React.PropsWithChildren<{
-      to: string;
-      isDisabled?: boolean;
       css: FlattenSimpleInterpolation;
+      breadcrumb: BreadcrumbsList;
     }>
   ) => React.ReactNode;
 };
@@ -33,9 +32,8 @@ export function Breadcrumbs({ list, renderCustom }: BreadcrumbsListProps) {
           <li key={breadcrumb.label}>
             {renderCustom ? (
               renderCustom({
-                isDisabled: breadcrumb.isDisabled,
                 css: aStyles,
-                to: breadcrumb.uri,
+                breadcrumb,
               })
             ) : (
               <StyledLink