diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 7f535d8..5402f39 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -585,7 +585,7 @@ export default function App() { const med = meds.find(m => m.name === row.name); return (
med && setSelectedMed(med)}> - {row.name}{med?.notes && 📝} + {row.name}{med?.intakeRemindersEnabled && 🔔}{med?.notes && 📝} {formatNumber(row.medsLeft)} {formatNumber(row.daysLeft)} {status.label} @@ -633,7 +633,7 @@ export default function App() { const expiryClass = getExpiryClass(med?.expiryDate); return (
med && setSelectedMed(med)}> - {row.name}{med?.notes && 📝} + {row.name}{med?.intakeRemindersEnabled && 🔔}{med?.notes && 📝} {formatNumber(row.medsLeft)} {formatNumber(row.daysLeft)} {row.depletionDate ?? "-"} @@ -665,7 +665,7 @@ export default function App() { return (
-
{item.medName}
+
{item.medName}{med?.intakeRemindersEnabled && 🔔}
{item.total} pills total @@ -1260,11 +1260,11 @@ export default function App() {
-
+
{selectedMed.slices.length > 0 && (
-

Intake Schedule

+

Intake Schedule {selectedMed.intakeRemindersEnabled && 🔔}

{selectedMed.slices.map((slice, idx) => (
@@ -1566,7 +1566,7 @@ function getStockStatus(daysLeft: number | null, medsLeft: number, thresholds: S // High stock: > highStockDays (e.g. > 180 days) if (daysLeft > thresholds.highStockDays) { - return { level: "high", className: "high", label: "★ High Stock" }; + return { level: "high", className: "high", label: "High Stock" }; } // Normal stock: between lowStockDays and highStockDays diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 65e889f..1c14dad 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1927,3 +1927,21 @@ textarea { .notes-icon:hover { opacity: 1; } + +/* Reminder icon indicator */ +.reminder-icon { + margin-left: 0.35rem; + font-size: 0.85em; + cursor: help; + opacity: 0.75; + transition: opacity 0.15s; +} + +.reminder-icon:hover { + opacity: 1; +} + +h3 .reminder-icon { + font-size: 0.75em; + vertical-align: middle; +}