fix(test-app): convert boolean pending to number in display

The pending field in NotificationStatus is a boolean, but the UI
was displaying it directly, causing "true" to appear instead of
a numeric count when notifications were scheduled.

Added a pendingCount computed property that converts boolean
values to numbers (true → 1, false → 0) while also handling
number types for future compatibility.
This commit is contained in:
Jose Olarte III
2026-01-08 19:00:55 +08:00
parent 6d64f71988
commit 7e93cbd771

View File

@@ -52,7 +52,7 @@
<div class="info-row">
<span class="label">Pending Count:</span>
<span class="value">{{ notificationStatus.pending || 0 }}</span>
<span class="value">{{ pendingCount }}</span>
</div>
<div v-if="notificationStatus.lastNotificationTime" class="info-row">
@@ -289,6 +289,19 @@ class NotificationsView extends Vue {
second: '2-digit'
})
}
get pendingCount(): number {
if (!this.notificationStatus) return 0
const pending = this.notificationStatus.pending
// Handle both boolean and number types
if (typeof pending === 'boolean') {
return pending ? 1 : 0
}
if (typeof pending === 'number') {
return pending
}
return 0
}
}
export default toNative(NotificationsView)
</script>