fix: show reminder icon per intake dose in schedule (#198)

* fix: show reminder icon per intake dose in schedule

* test: align schedule reminder icon test with intake-level flag

frontend/src/pages/SchedulePage.tsx

@@ -176,14 +176,6 @@ export function SchedulePage() {
 														<div className="med-name">
 															<MedicationAvatar name={item.medName} imageUrl={med?.imageUrl} size="sm" />
 															<span className="med-name-text">{item.medName}</span>
-															{med?.intakeRemindersEnabled && (
-																<span
-																	className="reminder-icon info-tooltip"
-																	data-tooltip={t("tooltips.intakeReminders")}
-																>
-																	🔔
-																</span>
-															)}
 														</div>
 														<div className="tag-row">
 															<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
@@ -199,7 +191,15 @@ export function SchedulePage() {
 																	<span className="dose-usage">
 																		{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
 																		{med?.pillWeightMg && ` (${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"})`}
-																	</span>
+																	</span>{" "}
+																	{dose.intakeRemindersEnabled && (
+																		<span
+																			className="reminder-icon info-tooltip"
+																			data-tooltip={t("tooltips.intakeReminders")}
+																		>
+																			🔔
+																		</span>
+																	)}{" "}
 																	<div className="dose-checks">
 																		{people.map((person) => {
 																			const doseId = getDoseId(dose.id, person);
@@ -313,11 +313,6 @@ export function SchedulePage() {
 												<div className="med-name">
 													<MedicationAvatar name={item.medName} imageUrl={med?.imageUrl} size="sm" />
 													<span className="med-name-text">{item.medName}</span>
-													{med?.intakeRemindersEnabled && (
-														<span className="reminder-icon info-tooltip" data-tooltip={t("tooltips.intakeReminders")}>
-															🔔
-														</span>
-													)}
 												</div>
 												<div className="tag-row">
 													<span className="tag subtle">{t("common.pillsTotal", { count: item.total })}</span>
@@ -337,6 +332,14 @@ export function SchedulePage() {
 																{dose.usage} {dose.usage !== 1 ? t("common.pills") : t("common.pill")}
 																{med?.pillWeightMg && ` (${dose.usage * med.pillWeightMg} ${med.doseUnit ?? "mg"})`}
 															</span>
+															{dose.intakeRemindersEnabled && (
+																<span
+																	className="reminder-icon info-tooltip"
+																	data-tooltip={t("tooltips.intakeReminders")}
+																>
+																	🔔
+																</span>
+															)}
 															<div className="dose-checks">
 																{people.map((person) => {
 																	const doseId = getDoseId(dose.id, person);

frontend/src/test/pages/SchedulePage.test.tsx

@@ -45,7 +45,16 @@ const mockFutureDays = [
 			{
 				medName: "Aspirin",
 				total: 1,
-				doses: [{ id: `1-0-${FIXED_TIMESTAMP}`, timeStr: "09:00", when: FIXED_TIMESTAMP, usage: 1, takenBy: ["John"] }],
+				doses: [
+					{
+						id: `1-0-${FIXED_TIMESTAMP}`,
+						timeStr: "09:00",
+						when: FIXED_TIMESTAMP,
+						usage: 1,
+						takenBy: ["John"],
+						intakeRemindersEnabled: true,
+					},
+				],
 				lastWhen: FIXED_TIMESTAMP,
 			},
 		],

frontend/src/utils/schedule.ts

@@ -70,6 +70,7 @@ export function buildSchedulePreview(
 					isPast,
 					timeStr: d.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit" }),
 					dateStr: d.toLocaleDateString(locale, { weekday: "short", day: "2-digit", month: "short" }),
+					intakeRemindersEnabled: intake.intakeRemindersEnabled,
 				});
 			}
 		});