fix: upgrade design system and fix breadcrumb (#1093)

Author: fpasquet

package-lock.json

@@ -29,7 +29,7 @@
     "node": ">= 20.0"
   },
   "dependencies": {
-    "@eleven-labs/design-system": "^0.35.0",
+    "@eleven-labs/design-system": "^0.36.0",
     "@remix-run/router": "^1.7.2",
     "algoliasearch": "^4.19.1",
     "classnames": "^2.3.2",

package.json

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/constants';
 import { generatePath } from '@/helpers/routerHelper';
 
-export const useBreadcrumb = (options: { categoryName?: string }): BreadcrumbProps => {
+export const useBreadcrumb = (options: { categoryName?: string; withCategoryLink?: boolean }): BreadcrumbProps => {
   const { t, i18n } = useTranslation();
   return {
     items: [
@@ -14,6 +14,9 @@ export const useBreadcrumb = (options: { categoryName?: string }): BreadcrumbPro
       },
       {
         label: t(`common.categories.${options.categoryName ?? 'all'}`),
+        href: options.withCategoryLink
+          ? generatePath(PATHS.CATEGORY, { lang: i18n.language, categoryName: options.categoryName ?? 'all' })
+          : undefined,
       },
     ],
   };

src/hooks/useBreadcrumb.ts

@@ -44,7 +44,7 @@ export const usePostPage = (post: PostPageData): Omit<PostPageProps, 'variant' |
   }, []);
 
   const contactCard = useContactCard();
-  const breadcrumb = useBreadcrumb({ categoryName: post.categories[0] });
+  const breadcrumb = useBreadcrumb({ categoryName: post.categories[0], withCategoryLink: true });
   const relatedPostsForCardList = usePostsForCardList({
     posts: post.relatedPosts,
     imageFormatEnum: ImageFormatEnum.POST_CARD_COVER,