import { ListGroup, Badge } from "reactstrap"; import NoteItem from "src/note/NoteItem"; import { EtcAPINote } from "src/wwwAPI"; export default function FavoriteNoteFiles({ title, favoriteNoteFiles, }: { title: string; favoriteNoteFiles: EtcAPINote[]; }) { return ( <ListGroup> <Badge>{title}</Badge> {favoriteNoteFiles.map( ({ noteID, artist, title, genre, levelText, level, value }) => ( <NoteItem key={noteID} noteID={noteID} artist={artist} title={title} genre={genre} levelText={levelText} level={level} fittedText={`👍 ${value}`} /> ), )} </ListGroup> ); }