feat: stack related date fields and clarify share stock labels (#422)

* feat: stack related date fields and clarify share stock labels

* test: cover stacked date pairs and share labels
This commit is contained in:
Daniel Volz
2026-03-12 21:32:56 +01:00
committed by GitHub
parent 3fda41e501
commit d0837a7281
12 changed files with 238 additions and 63 deletions
+18 -4
View File
@@ -244,8 +244,12 @@ export function SharedOverviewPage() {
<th>{t("sharedOverview.columns.package")}</th>
<th>{t("sharedOverview.columns.stock")}</th>
<th>{t("sharedOverview.columns.daysLeft")}</th>
<th>{t("sharedOverview.columns.nextIntake")}</th>
<th>{t("sharedOverview.columns.depletion")}</th>
<th>
<div className="date-pair-stack-header">
<span className="date-pair-label">{t("sharedOverview.columns.nextIntake")}</span>
<span className="date-pair-label">{t("sharedOverview.columns.depletion")}</span>
</div>
</th>
<th>{t("sharedOverview.columns.priority")}</th>
</tr>
</thead>
@@ -276,8 +280,18 @@ export function SharedOverviewPage() {
})}
</td>
<td>{medication.daysLeft === null ? "-" : medication.daysLeft}</td>
<td>{formatDate(medication.nextIntakeDate, locale)}</td>
<td>{formatDate(medication.depletionDate, locale)}</td>
<td>
<div className="date-pair-stack">
<div className="date-pair-entry">
<span className="date-pair-label">{t("sharedOverview.columns.nextIntake")}</span>
<span className="date-pair-value">{formatDate(medication.nextIntakeDate, locale)}</span>
</div>
<div className="date-pair-entry">
<span className="date-pair-label">{t("sharedOverview.columns.depletion")}</span>
<span className="date-pair-value">{formatDate(medication.depletionDate, locale)}</span>
</div>
</div>
</td>
<td>
{medication.priority === null ? (
"-"