+ {/* Greeting header */}
+
+
+
+
20 апреля, понедельник
+
Здравствуйте, Анна
+
+
+
+
+
+ {/* Health status hero */}
+
+
+
+ Ваше состояние
+
+
+ {chronic.stage}
+
+
+
{chronic.condition}
+
+ Наблюдение с {chronic.diagnosed} · {myDoctor.name.split(' ').slice(0, 2).join(' ')}
+
+
+
+
+
{chronic.daysSinceLastFlareup}
+
дней без обострений
+
+
+
{chronic.complianceScore}%
+
комплаенс
+
+
+
{chronic.flareupsThisYear}
+
обострение в году
+
+
+
+
+
+ {/* Current tasks */}
+
+
nav.push('medcard')} />
+
+ {chronic.currentTasks.map((t, i, a) => {
+ const isDaily = t.type === 'daily';
+ return (
+
+
+ {isDaily ? (
+
+ {t.done && }
+
+ ) : (
+
+
+
+ )}
+
+
{t.text}
+
+ {isDaily ? (t.streak > 0 ? `Серия: ${t.streak} дней` : 'Ежедневно') : `До ${t.nextDate}`}
+
+
+ {isDaily && t.streak > 0 &&
🔥}
+ {!isDaily &&
}
+
+ );
+ })}
+
+
+ {/* Promotion: ask AI or doctor */}
+
+
+
+
+
+
+
+
+ {/* History timeline */}
+
+
nav.push('medcard')} />
+
+ {chronic.pastVisits.map((v, i, a) => {
+ const d = doctors.find(x => x.id === v.doctorId);
+ const c = typeColors[v.type] || typeColors.checkup;
+ const isLast = i === a.length - 1;
+ return (
+
+ {!isLast && (
+
+ )}
+
+ {d.init}
+
+
+
{v.title}
+
{v.date} · {d.name.split(' ').slice(0, 2).join(' ')}
+
+
+ );
+ })}
+
+
+ {/* Upcoming appointment */}
+ {upcoming && upDoc && (
+
+
+
a.id === upcoming.address)} onClick={() => nav.push('appt:' + upcoming.id)} />
+
+ )}
+
+ {/* Recommendations */}
+
+
+
+ {chronic.recommendations.map((r, i) => (
+
+
{r.icon}
+
{r.title}
+
{r.sub}
+
+ ))}
+
+
+
+ {/* Book CTA */}
+
+
+
+
+ {/* Articles */}
+
+
nav.push('articles')} />
+
+ {articles.slice(0, 3).map(a => (
+
+ ))}
+
+