From c18d202ecc95dea1c4f7fd6fbc583d20eaec0221 Mon Sep 17 00:00:00 2001
From: Ryan Kegel <ryan.kegel@gmail.com>
Date: Thu, 19 Feb 2026 11:00:14 -0500
Subject: [PATCH] feat: update version to 1.0.4RC5, enhance notification
 handling and smooth scroll behavior

---
 backend/config/version.py                     |  2 +-
 .../notification/NotificationView.vue         | 28 +++++++++++++++++--
 .../src/components/profile/UserProfile.vue    |  2 +-
 frontend/vue-app/src/router/index.ts          |  3 ++
 4 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/backend/config/version.py b/backend/config/version.py
index 6343bb0..6bea591 100644
--- a/backend/config/version.py
+++ b/backend/config/version.py
@@ -2,7 +2,7 @@
 # file: config/version.py
 import os
 
-BASE_VERSION = "1.0.4RC4"  # update manually when releasing features
+BASE_VERSION = "1.0.4RC5"  # update manually when releasing features
 
 def get_full_version() -> str:
     """
diff --git a/frontend/vue-app/src/components/notification/NotificationView.vue b/frontend/vue-app/src/components/notification/NotificationView.vue
index 5d2f9c6..a8187d8b 100644
--- a/frontend/vue-app/src/components/notification/NotificationView.vue
+++ b/frontend/vue-app/src/components/notification/NotificationView.vue
@@ -5,6 +5,7 @@
 
     <ItemList
       v-else
+      :key="refreshKey"
       :fetchUrl="`/api/pending-rewards`"
       itemKey="rewards"
       :itemFields="PENDING_REWARD_FIELDS"
@@ -30,20 +31,43 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
 import ItemList from '../shared/ItemList.vue'
 import MessageBlock from '../shared/MessageBlock.vue'
-import type { PendingReward } from '@/common/models'
+import type { PendingReward, Event, ChildRewardRequestEventPayload } from '@/common/models'
 import { PENDING_REWARD_FIELDS } from '@/common/models'
+import { eventBus } from '@/common/eventBus'
 
 const router = useRouter()
 
 const notificationListCountRef = ref(-1)
+const refreshKey = ref(0)
 
 function handleNotificationClick(item: PendingReward) {
   router.push({ name: 'ParentView', params: { id: item.child_id } })
 }
+
+function handleRewardRequest(event: Event) {
+  const payload = event.payload as ChildRewardRequestEventPayload
+  if (
+    payload.operation === 'CREATED' ||
+    payload.operation === 'CANCELLED' ||
+    payload.operation === 'GRANTED'
+  ) {
+    // Reset count and bump key to force ItemList to re-mount and refetch
+    notificationListCountRef.value = -1
+    refreshKey.value++
+  }
+}
+
+onMounted(() => {
+  eventBus.on('child_reward_request', handleRewardRequest)
+})
+
+onUnmounted(() => {
+  eventBus.off('child_reward_request', handleRewardRequest)
+})
 </script>
 
 <style scoped>
diff --git a/frontend/vue-app/src/components/profile/UserProfile.vue b/frontend/vue-app/src/components/profile/UserProfile.vue
index ad467ec..829e88d 100644
--- a/frontend/vue-app/src/components/profile/UserProfile.vue
+++ b/frontend/vue-app/src/components/profile/UserProfile.vue
@@ -16,7 +16,7 @@
         <div class="email-actions">
           <input id="email" type="email" :value="modelValue" disabled class="readonly-input" />
           <button type="button" class="btn-link btn-link-space" @click="goToChangeParentPin">
-            Change Parent Pin
+            Change Parent PIN
           </button>
           <button
             type="button"
diff --git a/frontend/vue-app/src/router/index.ts b/frontend/vue-app/src/router/index.ts
index 31523c4..33e139a 100644
--- a/frontend/vue-app/src/router/index.ts
+++ b/frontend/vue-app/src/router/index.ts
@@ -175,6 +175,9 @@ const routes = [
 const router = createRouter({
   history: createWebHistory(),
   routes,
+  scrollBehavior() {
+    return { top: 0, left: 0, behavior: 'smooth' }
+  },
 })
 
 // Auth guard