Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-11 00:33:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add links count

Browse Source
This commit is contained in:
Sonny
2023-04-26 23:38:03 +02:00
parent 917b6c6a05
commit 01c3a2d90f
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/SideMenu/Categories/Categories.tsx
View File

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