добавил компонент перебора карточек категорий

This commit is contained in:
Joe_Peach committed 2025-11-25 17:35:37 +03:00
1 parent 951003952e
commit 15e45f2196
1 file changed
+20
@@ -0,0 +1,20 @@
import React from "react";
import styles from "./CategoryCards.module.css";
import { useAppSelector } from "../../app/hooks";
interface Props { onSelect?: (id:number) => void }
const CategoryCards: React.FC<Props> = ({ onSelect }) => {
const categories = useAppSelector(s => s.categories.items);
return (
<div className={styles.grid}>
{categories.map(c => (
<div key={c.id} className={styles.card} onClick={() => onSelect?.(c.id)}>
{c.image ? <img src={c.image} alt={c.name} className={styles.img} /> : <img src="/mnt/data/c9552f5e-1741-4845-8d5f-9d438f068636.png" alt={c.name} className={styles.img} />}
<div className={styles.name}>{c.name}</div>
</div>
))}
</div>
);
};
export default CategoryCards;