From 63e92756fe060bf119480dbb453a4f640c449d50 Mon Sep 17 00:00:00 2001
From: Ryan Kegel <ryan.kegel@gmail.com>
Date: Thu, 21 May 2026 13:30:07 -0400
Subject: [PATCH] feat: add routine expiration check and update status display
 in ChildView

---
 frontend/src/components/child/ChildView.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/child/ChildView.vue b/frontend/src/components/child/ChildView.vue
index 4628fed..b92c0fd 100644
--- a/frontend/src/components/child/ChildView.vue
+++ b/frontend/src/components/child/ChildView.vue
@@ -243,6 +243,7 @@ const triggerTask = async (task: ChildTask) => {
 }
 
 const handleRoutineClick = (routine: ChildRoutine) => {
+  if (isRoutineExpired(routine) || routine.pending_status === 'approved') return
   dialogRoutine.value = routine
   setTimeout(() => {
     showRoutineOverlay.value = true
@@ -733,6 +734,7 @@ onUnmounted(() => {
             <span v-if="item.pending_status === 'pending'" class="chore-stamp pending-stamp"
               >PENDING</span
             >
+            <span v-else-if="isRoutineExpired(item)" class="chore-stamp">TOO LATE</span>
             <span v-else-if="item.pending_status === 'approved'" class="chore-stamp completed-stamp"
               >APPROVED</span
             >