tom/HealthLog
1
0 Fork 0
mirror of https://github.com/MBombeck/HealthLog.git synced 2026-11-11 13:52:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(medications): order the drug-level chart above the dose-strength curve

Browse Source 
Lift the GLP-1 drug-level estimate and the dose-strength (titration)
curve out of the default-closed disclosure on both the medication
detail and history pages so they are visible without a click. Render
the drug-level estimate first — it is the curve the medication concerns
— with the titration curve below it.
This commit is contained in:
Marc-André Bombeck committed 2026-06-02 10:00:48 +02:00
1 parent 28af138691
commit 9652047e8e
2 files changed
+30 -47
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/medications/[id]/history/page.tsx
+15 -24
View File
@@ -129,31 +129,22 @@ export default function IntakeHistoryPage({
/>
)}
{/* O-2 — dose-strength (titration) curve + estimated
active-ingredient curve as a default-CLOSED disclosure for
GLP-1 medications. Genuine context, but opt-in so the intake
table stays the dominant surface. The dose-strength curve plots
the user's own logged dose-change history; the drug-level chart
gates further on Research Mode. */}
{/* Estimated drug-level curve (the modelled active-ingredient
level) + dose-strength (titration) curve for GLP-1 medications.
Visible by default — the drug-level estimate is the one the
medication concerns, so it leads; the dose-strength curve plots
the user's own logged dose-change history below it. */}
{medication && isGlp1 && (
<details
className="border-border/60 rounded-md border"
data-slot="history-drug-level-disclosure"
>
<summary className="text-foreground flex min-h-11 cursor-pointer items-center px-3 text-sm font-medium select-none sm:min-h-9">
{t("medications.detail.history.drugLevelDisclosure")}
</summary>
<div className="border-border/60 space-y-6 border-t px-3 py-3">
<DoseStrengthCurve medicationId={id} />
<DrugLevelChart
medication={{
id: medication.id,
name: medication.name,
dose: medication.dose,
}}
/>
</div>
</details>
<div className="space-y-6" data-slot="history-drug-level-section">
<DrugLevelChart
medication={{
id: medication.id,
name: medication.name,
dose: medication.dose,
}}
/>
<DoseStrengthCurve medicationId={id} />
</div>
)}
{importOpen && (
src/app/medications/[id]/page.tsx
+15 -23
View File
@@ -235,30 +235,22 @@ export default function MedicationDetailPage({
(genuine history context). */}
{isGlp1 && <SideEffectsSection medicationId={id} />}
{/* GLP-1 dose-strength (titration) curve + estimated drug-level
chart as a default-CLOSED disclosure — genuine history context,
opt-in so the intake table stays the dominant surface. The
dose-strength curve plots the user's own logged dose-change
history; the drug-level chart gates further on Research Mode. */}
{/* GLP-1 estimated drug-level curve (the modelled active-ingredient
level) + dose-strength (titration) curve. Visible by default for
GLP-1 medications — the drug-level estimate is the one the
medication concerns, so it leads; the dose-strength curve plots
the user's own logged dose-change history below it. */}
{isGlp1 && (
<details
className="border-border/60 rounded-md border"
data-slot="detail-drug-level-disclosure"
>
<summary className="text-foreground flex min-h-11 cursor-pointer items-center px-3 text-sm font-medium select-none sm:min-h-9">
{t("medications.detail.history.drugLevelDisclosure")}
</summary>
<div className="border-border/60 space-y-6 border-t px-3 py-3">
<DoseStrengthCurve medicationId={id} />
<DrugLevelChart
medication={{
id: medication.id,
name: medication.name,
dose: medication.dose,
}}
/>
</div>
</details>
<div className="space-y-6" data-slot="detail-drug-level-section">
<DrugLevelChart
medication={{
id: medication.id,
name: medication.name,
dose: medication.dose,
}}
/>
<DoseStrengthCurve medicationId={id} />
</div>
)}
</div>
);