/
Percival
/
reactJS_course
Обзор
Документация
Войти
/
Percival
/
reactJS_course
Код
Запросы
4
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
task3
task_1_fsd/src/entities/ui/TaskCard.tsx
24 строки
679 B
Rituparn
Added the task
05 окт 2025, 17:18
05 окт 2025, 17:18
08b0ef1
Код
Авторство
О чём код?
import { memo } from 'react' import type { Task } from 'entities/task/model/types' import styles from './TaskCard.module.css' type Props = { task: Task onRemove?: (id: string) => void } export const TaskCard = memo(function TaskCard({ task, onRemove }: Props) { return ( <div className={styles.card}> <span className={styles.status + ' ' + (task.completed ? styles.done : styles.todo)}> {task.completed ? '✔️' : '⏳'} </span> <span className={styles.title}>{task.title}</span> {onRemove && ( <button onClick={() => onRemove(task.id)} aria-label="Удалить"> ✖ </button> )} </div> ) })