Add articles list and detail screens

Enriched the 4 articles in data.js with id, doctorId, hero color,
emoji, date, lede, and structured body blocks (paragraphs, headings,
bullet lists, tone-variant callouts).

New screens:
- ArticlesScreen — tag-filtered list with hero-card layout
- ArticleDetailScreen — hero block, meta row, lede, body renderer
  (p/h/ul/callout), author card linking to doctor profile, CTA to
  book the author, and "Related" footer

Home card and feed sections now link to detail and list screens.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-19 18:48:08 +05:00
parent 31b861e452
commit de96895e9c
5 changed files with 358 additions and 12 deletions
+107 -4
View File
@@ -60,10 +60,113 @@ export const CLINIC_DATA = {
{ id: 'r5', name: 'Посев на микрофлору', date: '20 апр 2026',doctor: 'syndaev', status: 'pending', kind: 'lab' },
],
articles: [
{ tag: 'Дети', title: 'Как понять, что у ребёнка отит', mins: 4, author: 'Макарова Л.Г.' },
{ tag: 'Операции', title: 'Восстановление после септопластики', mins: 6, author: 'Синдяев А.В.' },
{ tag: 'Беременность', title: 'Безопасно лечим горло при беременности', mins: 5, author: 'Лобанова И.Ю.' },
{ tag: 'Слух', title: 'Когда пора проверить слух', mins: 3, author: 'Семерикова Н.А.' },
{
id: 'otitis-kids',
tag: 'Дети',
title: 'Как понять, что у ребёнка отит',
mins: 4,
author: 'Макарова Л.Г.',
doctorId: 'makarova',
hero: '#F5EDDF',
emoji: '👶',
date: '12 апр 2026',
lede: 'Ребёнок капризничает и трёт ушко? Рассказываем, когда это повод срочно показаться врачу, а когда можно подождать.',
body: [
{ type: 'p', text: 'Отит — одна из самых частых причин обращения к педиатру у детей до 5 лет. Пик заболеваемости приходится на осенне-зимний сезон: ОРВИ даёт осложнение на ухо, и слизистая слуховой трубы воспаляется следом за носоглоткой.' },
{ type: 'h', text: 'На что обращать внимание' },
{ type: 'ul', items: [
'Ребёнок дёргает или трёт ушко',
'Беспокойный сон, плач при кормлении',
'Температура выше 38°C без видимой причины',
'Снижение реакции на тихие звуки, просит повторить',
'Выделения из слухового прохода',
] },
{ type: 'h', text: 'Когда нужен врач в тот же день' },
{ type: 'p', text: 'Если ребёнку меньше 2 лет, боль длится более суток, температура выше 38,5°C или появились гнойные выделения — не откладывайте визит. При двустороннем остром отите антибиотик нужен почти всегда.' },
{ type: 'callout', tone: 'danger', title: 'Чего не делать до осмотра', text: 'Не закапывайте борный спирт и масла, не грейте ухо компрессами, не давайте анальгин. Это может навредить и смазать картину для врача.' },
{ type: 'p', text: 'Если есть сомнения — позвоните в клинику или напишите в чат. Детский ЛОР поможет оценить ситуацию и подскажет, нужно ли везти ребёнка на приём сегодня.' },
],
},
{
id: 'septoplasty-recovery',
tag: 'Операции',
title: 'Восстановление после септопластики',
mins: 6,
author: 'Синдяев А.В.',
doctorId: 'syndaev',
hero: '#E3F4F2',
emoji: '🩺',
date: '8 апр 2026',
lede: 'Что происходит после операции по исправлению носовой перегородки и как ускорить восстановление.',
body: [
{ type: 'p', text: 'Септопластика — операция короткая, но восстановление идёт постепенно. Большая часть отёка уходит за первые 2 недели, окончательная форма носа формируется к 3-му месяцу.' },
{ type: 'h', text: 'Первая неделя' },
{ type: 'p', text: 'Сразу после операции в нос устанавливают силиконовые сплинты или тампоны — дышать приходится ртом. Это временно: сплинты снимают на 3–5 день. В этот период важен постельный режим, холод на переносицу первые сутки, обезболивание по схеме.' },
{ type: 'h', text: 'Со 2-й недели — промывания' },
{ type: 'ul', items: [
'Солевой раствор 4–6 раз в день',
'Мягкое удаление корочек у ЛОР-врача',
'Контрольная эндоскопия на 10–14 день',
] },
{ type: 'callout', tone: 'warn', title: 'Ограничения на месяц', text: 'Нельзя: баня, сауна, бассейн, спорт, авиаперелёты, алкоголь, острая и горячая пища. Сморкаться — только поочерёдно каждой ноздрёй, без усилия.' },
{ type: 'h', text: 'Когда срочно к врачу' },
{ type: 'p', text: 'Сильная боль, не снимающаяся анальгетиками, температура выше 38,5°C, обильное кровотечение, резкое нарастание отёка с покраснением кожи — повод связаться с хирургом в тот же день. В приложении есть чат с вашим врачом.' },
],
},
{
id: 'throat-pregnancy',
tag: 'Беременность',
title: 'Безопасно лечим горло при беременности',
mins: 5,
author: 'Лобанова И.Ю.',
doctorId: 'lobanova',
hero: '#FDF8E6',
emoji: '🤱',
date: '2 апр 2026',
lede: 'Большинство привычных препаратов при беременности запрещены. Разбираем, что точно безопасно, а что — только по назначению врача.',
body: [
{ type: 'p', text: 'При беременности иммунитет естественно снижается, и горло болит чаще обычного. Главная задача — не навредить малышу лечением: многие антисептики и анальгетики проникают через плаценту.' },
{ type: 'h', text: 'Безопасно на любом сроке' },
{ type: 'ul', items: [
'Полоскание солевым раствором (1 ч. л. соли на стакан тёплой воды)',
'Полоскание отваром ромашки',
'Обильное тёплое питьё, мёд (если нет аллергии)',
'Ингаляции физраствором через небулайзер',
] },
{ type: 'h', text: 'Можно по назначению врача' },
{ type: 'p', text: 'Пастилки Лизобакт и Фарингосепт, спрей Тантум Верде (со 2-го триместра), Мирамистин — применяют после оценки пользы и рисков. Антибиотики — только по строгим показаниям и только группы пенициллинов или цефалоспоринов.' },
{ type: 'callout', tone: 'danger', title: 'Категорически нельзя', text: 'Спиртсодержащие антисептики, аспирин, большинство леденцов с ментолом, прогревания, горчичники. Народная «смазка горла люголем» — только после осмотра врача.' },
{ type: 'h', text: 'Когда срочно к ЛОРу' },
{ type: 'p', text: 'Температура выше 38°C более 2 дней, гнойные налёты на миндалинах, трудно открывать рот, асимметрия горла или сильная боль с одной стороны — немедленно на приём. Возможен паратонзиллярный абсцесс, который требует вскрытия.' },
],
},
{
id: 'hearing-check',
tag: 'Слух',
title: 'Когда пора проверить слух',
mins: 3,
author: 'Семерикова Н.А.',
doctorId: 'semerikova',
hero: '#FCF1F0',
emoji: '👂',
date: '28 мар 2026',
lede: 'Снижение слуха часто развивается медленно, и человек замечает проблему последним. На что обратить внимание, чтобы не упустить момент.',
body: [
{ type: 'p', text: 'В отличие от зрения, слух редко падает резко — исключение только травма или острая сенсоневральная тугоухость, когда помощь нужна в первые 72 часа. Обычно снижение копится годами и становится заметным, когда теряется уже 20–30%.' },
{ type: 'h', text: 'Бытовые признаки' },
{ type: 'ul', items: [
'Часто просите повторить сказанное',
'Увеличиваете громкость ТВ больше, чем раньше',
'Плохо разбираете речь в шумном кафе',
'Появился звон или шум в ушах',
'Близкие говорят, что вы «кричите», когда говорите нормально',
] },
{ type: 'h', text: 'Группы риска' },
{ type: 'p', text: 'Люди после 50, музыканты, рабочие шумных производств, любители наушников на высокой громкости, перенёсшие черепно-мозговую травму или ототоксичные препараты (некоторые антибиотики и химиотерапия).' },
{ type: 'callout', tone: 'info', title: 'Быстрая проверка', text: 'В приложении есть тест слуха на 3 минуты — покажет ориентир. Если результат пограничный или хуже нормы — запишитесь на аудиометрию у сурдолога для точного диагноза.' },
{ type: 'p', text: 'Ранняя коррекция (слуховой аппарат или лечение причины) останавливает дальнейшее снижение и сохраняет речевую зону коры мозга активной — это критично для качества жизни в пожилом возрасте.' },
],
},
],
recovery: {
op: 'Септопластика',