/
superwizard
/
jjoy-site
Обзор
Документация
Войти
/
superwizard
/
jjoy-site
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
src/components/MeetupCard.jsx
42 строки
1 KB
Denis Burlaka
Новый дизайн карточки митапа
27 дек 2025, 15:05
27 дек 2025, 15:05
2f251df
Код
Авторство
О чём код?
const MeetupCard = ({ meetup }) => { const { title, description, pubDate, heroImage, authors, place } = meetup.data; // Format the date in a readable way const formattedDate = new Date(pubDate).toLocaleDateString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' }); // Format authors list const authorsText = Array.isArray(authors) ? authors.join(', ') : authors || ''; return ( <div className="bg-white text-dark p-6 rounded-lg shadow-lg w-full md:w-1/2 lg:w-1/3 m-2 border border-gray-200"> {heroImage && ( <img src={heroImage} alt={title} className="w-full h-48 object-cover rounded-t-lg" /> )} <div className="mt-4"> <h2 className="text-2xl font-bold text-primary">{title}</h2> <p className="text-gray-600 mt-2">{formattedDate}</p> {place && ( <p className="text-gray-700 mt-2"> <span className="font-semibold">Место:</span> {place} </p> )} {authorsText && ( <p className="text-gray-700 mt-2"> <span className="font-semibold">Авторы:</span> {authorsText} </p> )} <p className="text-gray-700 mt-3">{description}</p> </div> </div> ); }; export default MeetupCard;