我們的「AI 用藥追蹤系統」已經具備了完整的增刪改查、AI 分析以及超炫的慶祝動畫。但是，既然這是一個「每日」追蹤的系統，你有沒有發現我們少了一個關鍵的邏輯？

當使用者今天把所有的藥物都標記為「已服用」，明天醒來時，這些藥物依然會是打勾的狀態！如果要求使用者每天把藥物刪掉重新輸入，那實在太痛苦了。

今天，我們要在清單上方加入一個「一鍵重置」的功能。讓使用者在迎接新的一天時，可以一鍵將所有藥物的狀態恢復為「未服用」，不用重新輸入繁瑣的藥名與時間。

Step 1：設計批次重置邏輯
打開 src/components/MedicationList.jsx。我們需要新增一個 handleResetDaily 的函式。

Step 2：在畫面上加入重置按鈕
現在我們有了邏輯，需要一個按鈕來觸發它。我們在 MedicationList 渲染清單的最上方，加入一個標題列與這顆重置按鈕。

成果會如下圖我們可以根據個人使用紀錄重置一天的開始

你可能會問：為什麼不寫一個偵測午夜 12 點自動重置的功能？
在真實的醫療應用中，「自動重置」往往會引發爭議。有些人的作息是日夜顛倒的（例如大夜班），或者有人在晚上 11:50 才吃藥，結果網頁掛著，過了 10 分鐘狀態就自己消失了，這會造成恐慌與紀錄混亂。
給予使用者「手動批次控制」的權力，並搭配防呆確認視窗，往往是更安全、更有彈性的 UX 設計！