/
AlexanderMalenkov
/
geobook
Обзор
Документация
Войти
/
AlexanderMalenkov
/
geobook
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/NoteList.tsx
43 строки
1 KB
Alexander Malenkov
GEOBOOK-1: init
04 июн 2026, 12:57
04 июн 2026, 12:57
44c712a
Код
Авторство
О чём код?
import type { Note } from '../types'; interface NoteListProps { notes: Note[]; onDelete: (id: number) => void; onSelect: (note: Note) => void; } export default function NoteList({ notes, onDelete, onSelect }: NoteListProps) { if (notes.length === 0) { return ( <div className="note-list-empty"> <p>Нет заметок</p> <p>Нажмите на карту или кнопку + чтобы создать</p> </div> ); } return ( <div className="note-list"> {[...notes].reverse().map((note) => ( <div key={note.id} className="note-item" onClick={() => onSelect(note)}> <div className="note-item-header"> <strong>{note.title}</strong> <button className="delete-btn" onClick={(e) => { e.stopPropagation(); if (note.id != null) onDelete(note.id); }} > 🗑 </button> </div> <p className="note-item-content">{note.content}</p> <span className="note-item-coords"> {note.lat.toFixed(4)}, {note.lng.toFixed(4)} </span> </div> ))} </div> ); }