30 lines
807 B
JavaScript
30 lines
807 B
JavaScript
import React from 'react';
|
||
import EventCard from './EventCard';
|
||
|
||
const EventList = ({ events, onEdit, onDelete, onAddClick }) => {
|
||
if (events.length === 0) {
|
||
return <p className="text-center">Событий пока нет.</p>;
|
||
}
|
||
|
||
return (
|
||
<>
|
||
<section className="catalog-grid" id="catalogContainer">
|
||
{events.map(event => (
|
||
<EventCard
|
||
key={event.id}
|
||
event={event}
|
||
onEdit={onEdit}
|
||
onDelete={onDelete}
|
||
/>
|
||
))}
|
||
</section>
|
||
<div className="text-center mt-4">
|
||
<button className="btn btn-neon btn-lg" onClick={onAddClick}>
|
||
<i className="bi bi-plus-circle me-2"></i>Добавить новое событие
|
||
</button>
|
||
</div>
|
||
</>
|
||
);
|
||
};
|
||
|
||
export default EventList; |