AR 15 M4
2ed7eee63d
- Add vercel.json to build only apps/web (fix Vercel build failure) - NestJS API: BlocksModule, BlocksController, BlocksService with Prisma 7 - PostgreSQL migration: Block model (path, version, isInPreview) - BlockMetaBar component: inline version edit, API fetch with offline fallback - New block components: CeoBlock, ContactFormsBlock, FooterBlock, NewsBlock, ReviewsBlock - PreviewClient: fetch isInPreview from API, block visibility toggle - Pages updated: hero, doctors, ceo, contact-forms, contact, news, reviews - docker-compose: PostgreSQL on port 5434 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
64 lines
1.8 KiB
TypeScript
64 lines
1.8 KiB
TypeScript
const MOCK_NEWS = [
|
||
{
|
||
date: "20.12.2025",
|
||
title: "Наша работа клиники и новогодние праздники",
|
||
href: "#",
|
||
},
|
||
{
|
||
date: "11.08.2025",
|
||
title: "СЕРВИС ОБНОВЛЕНИЕ: Обновление графика работы клиники",
|
||
href: "#",
|
||
},
|
||
{
|
||
date: "12.06.2025",
|
||
title: "СЕРВИС ОБНОВЛЕНИЕ: Временное изменение работы клиники 22.06.25 г.",
|
||
href: "#",
|
||
},
|
||
{
|
||
date: "11.06.2025",
|
||
title: "График работы клиники в ближайшие праздники",
|
||
href: "#",
|
||
},
|
||
];
|
||
|
||
export function NewsBlock() {
|
||
return (
|
||
<div
|
||
className="rounded-xl p-8 space-y-6"
|
||
style={{ background: "#fff", border: "1px solid var(--bb-border)" }}
|
||
>
|
||
<h2 className="text-xl font-bold" style={{ color: "#111827" }}>
|
||
Новости
|
||
</h2>
|
||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
||
{MOCK_NEWS.map((n) => (
|
||
<div
|
||
key={n.date}
|
||
className="bb-news-card rounded-lg p-3 cursor-pointer"
|
||
style={{
|
||
border: "1px solid var(--bb-border)",
|
||
transition: "background 0.15s, box-shadow 0.15s",
|
||
}}
|
||
>
|
||
<p className="text-xs mb-2" style={{ color: "#6b7280" }}>
|
||
{n.date}
|
||
</p>
|
||
<a
|
||
href={n.href}
|
||
className="text-sm font-medium leading-snug block"
|
||
style={{ color: "#0089c3", textDecoration: "none" }}
|
||
>
|
||
{n.title}
|
||
</a>
|
||
</div>
|
||
))}
|
||
</div>
|
||
<div className="text-center">
|
||
<button className="bb-btn bb-btn-md bb-btn-outline">
|
||
Все новости
|
||
</button>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|