Nik (Claude)
334b2f51df
- Журнальная главная: hero, CategoryRow, PopularBlock, RecentBlock (Сегодня/Вчера/Неделя) - ArticleCard: 3 размера (hero/regular/compact), цветной badge без дублей тегов - ArticleCoverSVG: 6 брендовых палитр, аватар Зеро в углу вместо #ZEROPOST - /about/zero: страница персонажа с галереей 8 поз - Footer: TG-баннер с аватаром Зеро на каждой странице - Конец статьи: блок «Понравилась? → Подписаться на канал» - ChannelEditor: 4 вкладки (Настройки/Расписание/Авто-публикация/Ручная) - AutoPublishTab: toggle, категории, delay, template, live preview - ArticlePicker: typeahead с was_sent_to_channel / next_scheduled_at флагами - /admin/channels/[id]/stats: график роста подписчиков (recharts) - Dashboard: блок TG-статистики (подписчики, delta 24h/7d, постов) - Header: упрощён до 2 пунктов desktop + расширенное мобильное меню - AutogenPanel: корректные time-picker'ы, calcNextRun с учётом last_run_at
37 lines
2.0 KiB
JavaScript
37 lines
2.0 KiB
JavaScript
import Link from 'next/link';
|
|
import { ArrowRight } from 'lucide-react';
|
|
import ArticleCard from './ArticleCard';
|
|
|
|
const CATEGORY_INFO = {
|
|
'ai-tools': { label: 'AI Tools', icon: '🤖', accent: 'text-emerald-600 dark:text-emerald-400', border: 'border-emerald-200 dark:border-emerald-900' },
|
|
'cybersec': { label: 'Cybersec', icon: '🔒', accent: 'text-red-600 dark:text-red-400', border: 'border-red-200 dark:border-red-900' },
|
|
'automation': { label: 'Automation', icon: '⚡', accent: 'text-amber-600 dark:text-amber-400', border: 'border-amber-200 dark:border-amber-900' },
|
|
'ai-dev': { label: 'AI Dev', icon: '💻', accent: 'text-blue-600 dark:text-blue-400', border: 'border-blue-200 dark:border-blue-900' },
|
|
};
|
|
|
|
/**
|
|
* Категорийный ряд: заголовок + 3 карточки + «все →».
|
|
* Показываем только если в категории есть хотя бы 1 статья.
|
|
*/
|
|
export default function CategoryRow({ category, articles }) {
|
|
if (!articles || articles.length === 0) return null;
|
|
const info = CATEGORY_INFO[category] || { label: category, icon: '📝', accent: 'text-neutral-700', border: 'border-neutral-200' };
|
|
|
|
return (
|
|
<section className={`container-wide pb-10`}>
|
|
<div className={`flex items-end justify-between mb-5 pb-3 border-b ${info.border}`}>
|
|
<div className="flex items-center gap-2">
|
|
<span className="text-2xl">{info.icon}</span>
|
|
<h2 className={`text-xl sm:text-2xl font-bold ${info.accent}`}>{info.label}</h2>
|
|
</div>
|
|
<Link href={`/category/${category}`} className={`text-sm font-medium inline-flex items-center gap-1 ${info.accent} hover:opacity-80 transition-opacity`}>
|
|
Все материалы <ArrowRight className="w-3.5 h-3.5" />
|
|
</Link>
|
|
</div>
|
|
<div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-5">
|
|
{articles.map(a => <ArticleCard key={a.id} article={a} />)}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|