From 01c3a2d90f5d1e7fa6b93b94c75f926dc99b19df Mon Sep 17 00:00:00 2001
From: Sonny <sonnyasdev@gmail.com>
Date: Wed, 26 Apr 2023 23:38:03 +0200
Subject: [PATCH] feat: add links count

---
 src/components/SideMenu/Categories/Categories.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/SideMenu/Categories/Categories.tsx b/src/components/SideMenu/Categories/Categories.tsx
index dab532c..b85ba3e 100644
--- a/src/components/SideMenu/Categories/Categories.tsx
+++ b/src/components/SideMenu/Categories/Categories.tsx
@@ -1,6 +1,7 @@
 import { Category } from "types";
 import CategoryItem from "./CategoryItem";
 
+import { useMemo } from "react";
 import styles from "./categories.module.scss";
 
 interface CategoriesProps {
@@ -13,9 +14,13 @@ export default function Categories({
   categoryActive,
   handleSelectCategory,
 }: CategoriesProps) {
+  const linksCount = useMemo(
+    () => categories.reduce((acc, current) => (acc += current.links.length), 0),
+    [categories]
+  );
   return (
     <div className={styles["categories"]}>
-      <h4>Catégories</h4>
+      <h4>Catégories • {linksCount}</h4>
       <ul className={styles["items"]}>
         {categories.map((category, key) => (
           <CategoryItem