From bba5db74f4e450ed724a772e1c281e64930b26d2 Mon Sep 17 00:00:00 2001
From: Karim El Jazzar <122301442+JazzarKarim@users.noreply.github.com>
Date: Tue, 24 Feb 2026 12:46:37 -0800
Subject: [PATCH 1/2] feat(ui): added renewal badge to old and new examiner
 dashboards (#1042)

* feat(ui): added renewal badge to old and new examiner dashboards

* fixed SC issue

* added comment

* fixed comment

* changed to show which registrations has been renewed

* added PROVISIONAL_REVIEW to enum
---
 strr-examiner-web/app/pages/dashboard.vue | 47 ++++++++++++++++++++---
 strr-examiner-web/package.json            |  2 +-
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/strr-examiner-web/app/pages/dashboard.vue b/strr-examiner-web/app/pages/dashboard.vue
index 96f17ad31..5e75549e9 100644
--- a/strr-examiner-web/app/pages/dashboard.vue
+++ b/strr-examiner-web/app/pages/dashboard.vue
@@ -276,6 +276,25 @@ const getRequirementsColumn = (app: HousApplicationResponse) => {
   return result
 }
 
+/** Application statuses that mean a renewal was completed (registration was renewed) */
+const RENEWAL_APPROVED_STATUSES = new Set<ApplicationStatus>([
+  ApplicationStatus.FULL_REVIEW_APPROVED,
+  ApplicationStatus.PROVISIONALLY_APPROVED,
+  ApplicationStatus.PROVISIONAL_REVIEW,
+  ApplicationStatus.AUTO_APPROVED
+])
+
+/** Check if a registration has been renewed. Draft renewals are ignored (Renewals in progress). */
+const hasBeenRenewed = (reg: HousRegistrationResponse): boolean => {
+  const applications = reg.header?.applications ?? []
+  return applications.some(
+    app =>
+      app.applicationType === 'renewal' &&
+      app.applicationStatus &&
+      RENEWAL_APPROVED_STATUSES.has(app.applicationStatus as ApplicationStatus)
+  )
+}
+
 const getConditionsColumnForRegistration = (reg: HousRegistrationResponse) => {
   let result = ''
   let listingSize = ''
@@ -385,7 +404,8 @@ const { data: registrationListResp, status: regStatus } = await useAsyncData(
         applicantName: getApplicantNameColumnForRegistration(reg),
         propertyAddress: getPropertyAddressColumnForRegistration(reg),
         localGov: '', // TODO: implement this once API has made the changes
-        adjudicator: getAdjudicatorColumn(reg.header)
+        adjudicator: getAdjudicatorColumn(reg.header),
+        hasRenewed: hasBeenRenewed(reg)
       }))
 
       return { registrations, total: res.total }
@@ -428,6 +448,7 @@ const { data: applicationListResp, status } = await useAsyncData(
         applicationNumber: app.header.applicationNumber,
         registrationNumber: app.header.registrationNumber,
         registrationId: app.header.registrationId,
+        applicationType: app.header?.applicationType,
         registrationType: t(`registrationType.${app.registration.registrationType}`),
         requirements: getRequirementsColumn(app),
         applicantName: getApplicantNameColumn(app),
@@ -903,8 +924,16 @@ const tabLinks = computed(() => [
             <div v-if="isApplicationTab">
               {{ row.applicationNumber }}
             </div>
-            <div v-else>
-              {{ row.registrationNumber }}
+            <div v-else class="flex flex-col">
+              <span>{{ row.registrationNumber }}</span>
+              <UBadge
+                v-if="row.hasRenewed"
+                :label="t('label.renewal')"
+                color="primary"
+                variant="solid"
+                class="mt-1 w-fit text-xs font-bold uppercase"
+                data-testid="renewal-badge"
+              />
             </div>
             <UButton
               v-if="row.registrationNumber && isApplicationTab"
@@ -918,8 +947,8 @@ const tabLinks = computed(() => [
               {{ row.registrationNumber }}
             </UButton>
           </div>
-          <div v-else>
-            {{ row.applicationNumber }}
+          <div v-else class="flex flex-col">
+            <span>{{ row.applicationNumber }}</span>
             <UButton
               v-if="row.registrationNumber"
               icon="i-mdi-check-circle"
@@ -931,6 +960,14 @@ const tabLinks = computed(() => [
             >
               {{ row.registrationNumber }}
             </UButton>
+            <UBadge
+              v-if="row.applicationType === 'renewal'"
+              :label="t('label.renewal')"
+              color="primary"
+              variant="solid"
+              class="mt-1 w-fit text-xs font-bold uppercase"
+              data-testid="renewal-badge"
+            />
           </div>
         </template>
 
diff --git a/strr-examiner-web/package.json b/strr-examiner-web/package.json
index a6b6d0d38..eb3fe2681 100644
--- a/strr-examiner-web/package.json
+++ b/strr-examiner-web/package.json
@@ -2,7 +2,7 @@
   "name": "strr-examiner-web",
   "private": true,
   "type": "module",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "scripts": {
     "build-check": "nuxt build",
     "build": "nuxt generate",

From 77750a67c383a60238e17c14945eab4753678e99 Mon Sep 17 00:00:00 2001
From: Karim El Jazzar <karim.jazzar@gov.bc.ca>
Date: Thu, 26 Feb 2026 16:40:42 -0800
Subject: [PATCH 2/2] package verison

---
 strr-examiner-web/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/strr-examiner-web/package.json b/strr-examiner-web/package.json
index eb3fe2681..3d7245e26 100644
--- a/strr-examiner-web/package.json
+++ b/strr-examiner-web/package.json
@@ -2,7 +2,7 @@
   "name": "strr-examiner-web",
   "private": true,
   "type": "module",
-  "version": "0.2.17",
+  "version": "0.2.16",
   "scripts": {
     "build-check": "nuxt build",
     "build": "nuxt generate",