From 198db8931a85d2e70a35eee4a43d7970eec7eb08 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Fri, 10 Jan 2025 08:58:55 -0800
Subject: [PATCH 01/16] Business Dashboard UI: implement background retry to
 check for latest state

---
 src/pages/dashboard.vue | 68 +++++++++++++++++++++++++++++++++++++++++
 src/stores/business.ts  | 24 ++++++++++++---
 2 files changed, 87 insertions(+), 5 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 7829f7fb..0ff9ee1d 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -18,6 +18,9 @@ const { todos } = storeToRefs(useBcrosTodos())
 const { getPendingCoa } = useBcrosFilings()
 const { filings } = storeToRefs(useBcrosFilings())
 const { pendingFilings } = storeToRefs(useBcrosBusinessBootstrap())
+const toast = useToast()
+const finalDateString = ref<string | undefined>(undefined)
+const initialDateString = ref<string | undefined>(undefined)
 
 const hasDirector = computed(() => {
   if (currentParties.value?.parties && currentParties.value?.parties.length > 0) {
@@ -79,6 +82,66 @@ const containRole = (roleType) => {
   )
 }
 
+const computeTimeDifference = (initialDateString, finalDateString) => {
+  const initialDate = new Date(initialDateString)
+  const finalDate = new Date(finalDateString)
+
+  const differenceInMilliseconds = finalDate - initialDate
+  return differenceInMilliseconds / 1000
+}
+
+const fetchBusinessDetailsWithDelay = async (identifier: string) => {
+  // Fetch business details and update finalDateString
+  const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
+  const finalDate = new Date(slimBusiness.lastModified)
+  finalDateString.value = finalDate.toISOString().split('.')[0]
+
+  if (computeTimeDifference(business.initialDateString, finalDateString.value) > 0) {
+    toast.add({
+      id: 'outdated_data',
+      title: 'Details on this page have been updated.',
+      description: 'Refresh to view the latest information.',
+      icon: 'i-octicon-desktop-download-24',
+      timeout: 0,
+      actions: [{
+        label: 'Refresh',
+        click: () => {
+          reloadBusinessInfo()
+        }
+      }]
+    })
+  }
+}
+
+const startPolling = (identifier: string) => {
+  const startTime = Date.now()
+
+  const firstInterval = 10000
+  const secondInterval = 60000
+  const thirdInterval = 3600000
+
+  const poll = () => {
+    const elapsedTime = Date.now() - startTime
+
+    if (elapsedTime < 60000) {
+      // Poll every 10 seconds for the first minute
+      fetchBusinessDetailsWithDelay(identifier)
+      setTimeout(poll, firstInterval)
+    } else if (elapsedTime < 1800000) {
+      // Poll every 1 minute for the next 30 minutes
+      fetchBusinessDetailsWithDelay(identifier)
+      setTimeout(poll, secondInterval)
+    } else {
+      // Poll every 1 hour after 30 minutes
+      fetchBusinessDetailsWithDelay(identifier)
+      setTimeout(poll, thirdInterval)
+    }
+  }
+
+  // Start the polling
+  poll()
+}
+
 // load information for the business or the bootstrap business,
 // and load the todo tasks, pending-review item, and filing history
 const loadBusinessInfo = async (force = false) => {
@@ -108,6 +171,10 @@ const loadBusinessInfo = async (force = false) => {
       useBcrosTodos().loadAffiliations(identifier)
       useBcrosTodos().loadTasks(identifier, true)
     }
+    // assign initial value from /business
+    initialDateString.value = business.initialDateString
+    // start polling schedule
+    startPolling(identifier)
   }
 }
 
@@ -249,6 +316,7 @@ const coaEffectiveDate = computed(() => {
 </script>
 
 <template>
+  <UNotifications />
   <BcrosDialogCardedModal
     name="confirmChangeofAddress"
     :display="showChangeOfAddress"
diff --git a/src/stores/business.ts b/src/stores/business.ts
index 1055d657..72c3570b 100644
--- a/src/stores/business.ts
+++ b/src/stores/business.ts
@@ -18,7 +18,7 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
   const currentParties: Ref<PartiesI> = ref(undefined)
 
   const currentBusinessIdentifier = computed((): string => currentBusiness.value?.identifier)
-
+  const initialDateString = ref<string | undefined>(undefined)
   // set BUSINESS_ID session storage when business identifier is loaded
   watch(currentBusinessIdentifier, (value) => {
     if (value) {
@@ -67,9 +67,10 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
   }
 
   /** Return the business details for the given identifier */
-  async function getBusinessDetails (identifier: string, params?: object) {
+  async function getBusinessDetails (identifier: string, params?: object, slim: boolean = false) {
+    const url = `${apiURL}/businesses/${identifier}${slim ? '?slim=true' : ''}`
     return await useBcrosFetch<{ business: BusinessI }>(
-      `${apiURL}/businesses/${identifier}`,
+      url,
       { params, dedupe: 'defer' }
     )
       .then(({ data, error }) => {
@@ -170,21 +171,33 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
       })
   }
 
-  async function loadBusiness (identifier: string, force = false) {
+  async function loadBusiness(identifier: string, force = false) {
     const { trackUiLoadingStart, trackUiLoadingStop } = useBcrosDashboardUi()
 
     trackUiLoadingStart('businessInfoLoading')
 
     const businessCached = currentBusiness.value && identifier === currentBusinessIdentifier.value
+
     if (!businessCached || force) {
       fetchBusinessComments(identifier)
       currentBusiness.value = await getBusinessDetails(identifier) || {} as BusinessI
+
+      // Converting lastModified values to Date objects
+      const initialDate = new Date(currentBusiness.value.lastModified)
+
+      // truncate milliseconds
+      initialDateString.value = initialDate.toISOString().split('.')[0]
+
       if (currentBusiness.value.stateFiling) {
         await loadStateFiling()
       }
+
       businessConfig.value = getBusinessConfig(currentBusiness.value.legalType)
     }
+
     trackUiLoadingStop('businessInfoLoading')
+
+    return { initialDateString: initialDateString.value }
   }
 
   async function loadBusinessContact (identifier: string, force = false) {
@@ -529,6 +542,7 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
     isAllowed,
     createCommentBusiness,
     comments,
-    commentsLoading
+    commentsLoading,
+    initialDateString
   }
 })

From 66854163a4dcf167f4368a24b6521e032142f99e Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Mon, 13 Jan 2025 12:38:10 -0800
Subject: [PATCH 02/16] updated designs and polling schedule

---
 src/app.config.ts       | 54 +++++++++++++++++++++++++++++++++++++----
 src/pages/dashboard.vue | 29 +++++++++++++---------
 2 files changed, 66 insertions(+), 17 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index bc5a2b60..c9dcd707 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -88,21 +88,27 @@ export default defineAppConfig({
       base: 'xs:min-w-[90vw] md:min-w-[720px] text-gray-700'
     },
     notification: {
-      title: 'text-white',
+      title: 'text-sm font-medium text-white max-w-full',
       description: 'text-white',
+      actions: 'flex items-center gap-2 mt-3 flex-shrink-0',
       background: 'bg-gray-700',
+      rounded: 'rounded',
+      ring: '',
       progress: {
         background: 'bg-transparent'
       },
       default: {
         closeButton: {
-          class: 'hover:text-gray-100',
-          color: 'gray'
+          icon: null,
+          label: 'Close',
+          variant: 'outline'
         }
       }
     },
     notifications: {
-      position: 'bottom-5 left-[40%]'
+      position: 'top-20 bottom-[unset]',
+      width: 'w-full sm:w-5/12',
+      container: 'px-4 sm:px-6 py-6 space-y-3 overflow-y-auto'
     },
     radio: {
       base: 'h-5 w-5 mt-[3px]',
@@ -208,7 +214,45 @@ export default defineAppConfig({
     },
     button: {
       base: 'focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed ' +
-        'disabled:opacity-35 aria-disabled:cursor-not-allowed aria-disabled:opacity-75 flex-shrink-0'
+        'disabled:opacity-35 aria-disabled:cursor-not-allowed aria-disabled:opacity-75 flex-shrink-0',
+      variant: {
+        outline: `hover:bg-text-white-50 
+          disabled:bg-transparent 
+          dark:hover:bg-text-white-950 
+          dark:disabled:bg-transparent 
+          font-sm shadow-sm 
+          ring-1 ring-inset ring-gray-300 
+          dark:ring-gray-700 text-xs font-medium rounded 
+          text-white tracking-wide py-1 px-2 
+          disabled:text-text-white-500 
+          dark:text-white 
+          dark:hover:text-bcGovBlue-300 
+          dark:disabled:text-text-white-400 
+          focus-visible:ring-2 
+          focus-visible:ring-inset 
+          focus-visible:ring-text-white-500 
+          dark:focus-visible:ring-white 
+          inline-flex items-center`,
+
+        refresh: `bg-white hover:bg-text-blue-500 
+          disabled:bg-transparent 
+          dark:hover:bg-text-blue-500 
+          dark:disabled:bg-transparent 
+          font-sm shadow-sm 
+          ring-1 ring-inset ring-blue-500 
+          dark:ring-blue-500 text-xs font-medium rounded 
+          text-blue-500 tracking-wide py-1 px-2 
+          disabled:text-blue-500 
+          dark:text-blue-500 
+          dark:hover:text-bcGovBlue-300 
+          dark:disabled:text-text-white-400 
+          focus-visible:ring-2 
+          focus-visible:ring-inset 
+          focus-visible:ring-text-white-500 
+          dark:focus-visible:ring-white 
+          inline-flex items-center px-2 py-1.5`
+
+      }
     }
   }
 })
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 0ff9ee1d..a9eb0e00 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -99,12 +99,12 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   if (computeTimeDifference(business.initialDateString, finalDateString.value) > 0) {
     toast.add({
       id: 'outdated_data',
-      title: 'Details on this page have been updated.',
-      description: 'Refresh to view the latest information.',
-      icon: 'i-octicon-desktop-download-24',
+      title: 'Details on this page have been updated. Refresh to view the latest information.',
       timeout: 0,
       actions: [{
         label: 'Refresh',
+        variant: 'refresh',
+        color: 'primary',
         click: () => {
           reloadBusinessInfo()
         }
@@ -116,25 +116,30 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
 const startPolling = (identifier: string) => {
   const startTime = Date.now()
 
-  const firstInterval = 10000
-  const secondInterval = 60000
-  const thirdInterval = 3600000
+  const firstInterval = 1000 // 1 second
+  const secondInterval = 10000 // 10 seconds
+  const thirdInterval = 60000 // 1 minute
+  const fourthInterval = 3600000 // 1 hour
 
   const poll = () => {
     const elapsedTime = Date.now() - startTime
 
-    if (elapsedTime < 60000) {
-      // Poll every 10 seconds for the first minute
+    if (elapsedTime < 30000) {
+    // Poll every second for the first 30 seconds
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, firstInterval)
-    } else if (elapsedTime < 1800000) {
-      // Poll every 1 minute for the next 30 minutes
+    } else if (elapsedTime < 60000) {
+    // Poll every 10 seconds for the next 30 seconds (30s to 1m)
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, secondInterval)
-    } else {
-      // Poll every 1 hour after 30 minutes
+    } else if (elapsedTime < 1800000) {
+    // Poll every 1 minute for the next 30 minutes (1m to 31m)
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, thirdInterval)
+    } else {
+    // Poll every 1 hour after 30 minutes
+      fetchBusinessDetailsWithDelay(identifier)
+      setTimeout(poll, fourthInterval)
     }
   }
 

From 6eb378832fa70d96ad84c395db2e2d4ba9d0870b Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Mon, 13 Jan 2025 14:25:41 -0800
Subject: [PATCH 03/16] setting schedule back

---
 src/pages/dashboard.vue | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index a9eb0e00..d917892b 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -116,30 +116,25 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
 const startPolling = (identifier: string) => {
   const startTime = Date.now()
 
-  const firstInterval = 1000 // 1 second
-  const secondInterval = 10000 // 10 seconds
-  const thirdInterval = 60000 // 1 minute
-  const fourthInterval = 3600000 // 1 hour
+  const firstInterval = 10000
+  const secondInterval = 60000
+  const thirdInterval = 3600000
 
   const poll = () => {
     const elapsedTime = Date.now() - startTime
 
-    if (elapsedTime < 30000) {
-    // Poll every second for the first 30 seconds
+    if (elapsedTime < 60000) {
+      // Poll every 10 seconds for the first minute
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, firstInterval)
-    } else if (elapsedTime < 60000) {
-    // Poll every 10 seconds for the next 30 seconds (30s to 1m)
-      fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, secondInterval)
     } else if (elapsedTime < 1800000) {
-    // Poll every 1 minute for the next 30 minutes (1m to 31m)
+      // Poll every 1 minute for the next 30 minutes
       fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, thirdInterval)
+      setTimeout(poll, secondInterval)
     } else {
-    // Poll every 1 hour after 30 minutes
+      // Poll every 1 hour after 30 minutes
       fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, fourthInterval)
+      setTimeout(poll, thirdInterval)
     }
   }
 

From 118d560dc06a9197c148b603637050b90459a4b0 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Mon, 13 Jan 2025 15:42:26 -0800
Subject: [PATCH 04/16] added buttton variant, updated polling schedule

---
 src/app.config.ts       | 41 ++++-------------------------------------
 src/pages/dashboard.vue | 23 ++++++++++++++---------
 2 files changed, 18 insertions(+), 46 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index c9dcd707..f3b5f55f 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -101,7 +101,7 @@ export default defineAppConfig({
         closeButton: {
           icon: null,
           label: 'Close',
-          variant: 'outline'
+          variant: 'cancel'
         }
       }
     },
@@ -216,42 +216,9 @@ export default defineAppConfig({
       base: 'focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed ' +
         'disabled:opacity-35 aria-disabled:cursor-not-allowed aria-disabled:opacity-75 flex-shrink-0',
       variant: {
-        outline: `hover:bg-text-white-50 
-          disabled:bg-transparent 
-          dark:hover:bg-text-white-950 
-          dark:disabled:bg-transparent 
-          font-sm shadow-sm 
-          ring-1 ring-inset ring-gray-300 
-          dark:ring-gray-700 text-xs font-medium rounded 
-          text-white tracking-wide py-1 px-2 
-          disabled:text-text-white-500 
-          dark:text-white 
-          dark:hover:text-bcGovBlue-300 
-          dark:disabled:text-text-white-400 
-          focus-visible:ring-2 
-          focus-visible:ring-inset 
-          focus-visible:ring-text-white-500 
-          dark:focus-visible:ring-white 
-          inline-flex items-center`,
-
-        refresh: `bg-white hover:bg-text-blue-500 
-          disabled:bg-transparent 
-          dark:hover:bg-text-blue-500 
-          dark:disabled:bg-transparent 
-          font-sm shadow-sm 
-          ring-1 ring-inset ring-blue-500 
-          dark:ring-blue-500 text-xs font-medium rounded 
-          text-blue-500 tracking-wide py-1 px-2 
-          disabled:text-blue-500 
-          dark:text-blue-500 
-          dark:hover:text-bcGovBlue-300 
-          dark:disabled:text-text-white-400 
-          focus-visible:ring-2 
-          focus-visible:ring-inset 
-          focus-visible:ring-text-white-500 
-          dark:focus-visible:ring-white 
-          inline-flex items-center px-2 py-1.5`
-
+        refresh: 'shadow-sm ring-1 ring-inset ring-gray-300 text-blue-500 bg-white',
+        cancel: 'shadow-sm ring-1 ring-inset ring-white text-white bg-transparant hover:bg-transparant' +
+         'focus-visible:ring-2 focus-visible:ring-blue-500 px-2 py-1'
       }
     }
   }
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index d917892b..c3d388df 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -116,25 +116,30 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
 const startPolling = (identifier: string) => {
   const startTime = Date.now()
 
-  const firstInterval = 10000
-  const secondInterval = 60000
-  const thirdInterval = 3600000
+  const firstInterval = 1000
+  const secondInterval = 10000
+  const thirdInterval = 60000
+  const fourthInterval = 3600000
 
   const poll = () => {
     const elapsedTime = Date.now() - startTime
 
-    if (elapsedTime < 60000) {
-      // Poll every 10 seconds for the first minute
+    if (elapsedTime < 10000) {
+    // Poll every 1 second for the first 10 seconds
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, firstInterval)
-    } else if (elapsedTime < 1800000) {
-      // Poll every 1 minute for the next 30 minutes
+    } else if (elapsedTime < 60000) {
+    // Poll every 10 seconds for the next 50 seconds (until the 1-minute mark)
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, secondInterval)
-    } else {
-      // Poll every 1 hour after 30 minutes
+    } else if (elapsedTime < 1800000) {
+    // Poll every 1 minute for the next 29 minutes (until the 30-minute mark)
       fetchBusinessDetailsWithDelay(identifier)
       setTimeout(poll, thirdInterval)
+    } else {
+    // Poll every 1 hour after 30 minutes
+      fetchBusinessDetailsWithDelay(identifier)
+      setTimeout(poll, fourthInterval)
     }
   }
 

From b485bdef3a4249b8c173a517aeabd04f4789ca86 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Tue, 14 Jan 2025 12:23:18 -0800
Subject: [PATCH 05/16] updated date strings comparisons

---
 package.json            |  2 +-
 src/pages/dashboard.vue | 15 ++-------------
 2 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 5bdb907e..7b908358 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "bcros-business-dashboard",
   "private": true,
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "scripts": {
     "build": "nuxt generate",
     "build:local": "nuxt build",
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 636f5fe2..90ae2547 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -19,7 +19,6 @@ const { getPendingCoa } = useBcrosFilings()
 const { filings } = storeToRefs(useBcrosFilings())
 const { pendingFilings } = storeToRefs(useBcrosBusinessBootstrap())
 const toast = useToast()
-const finalDateString = ref<string | undefined>(undefined)
 const initialDateString = ref<string | undefined>(undefined)
 
 const hasDirector = computed(() => {
@@ -82,21 +81,11 @@ const containRole = (roleType) => {
   )
 }
 
-const computeTimeDifference = (initialDateString, finalDateString) => {
-  const initialDate = new Date(initialDateString)
-  const finalDate = new Date(finalDateString)
-
-  const differenceInMilliseconds = finalDate - initialDate
-  return differenceInMilliseconds / 1000
-}
-
 const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   // Fetch business details and update finalDateString
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
-  const finalDate = new Date(slimBusiness.lastModified)
-  finalDateString.value = finalDate.toISOString().split('.')[0]
-
-  if (computeTimeDifference(business.initialDateString, finalDateString.value) > 0) {
+  const finalDate = dateToStringPacific(apiToDate(slimBusiness.lastModified))
+  if (dateToStringPacific(apiToDate(business.initialDateString)) !== finalDate) {
     toast.add({
       id: 'outdated_data',
       title: 'Details on this page have been updated. Refresh to view the latest information.',

From 387e65684bd5a29fdba75b3e5e6de2214143fad7 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Wed, 15 Jan 2025 08:57:44 -0800
Subject: [PATCH 06/16] setting to milliseconds comaprison after conevrting
 them to pacific

---
 src/pages/dashboard.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 90ae2547..73cdcb24 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -84,8 +84,9 @@ const containRole = (roleType) => {
 const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   // Fetch business details and update finalDateString
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
-  const finalDate = dateToStringPacific(apiToDate(slimBusiness.lastModified))
-  if (dateToStringPacific(apiToDate(business.initialDateString)) !== finalDate) {
+  const lastModifiedDate = apiToDate(slimBusiness.lastModified)
+  const initialDate = apiToDate(business.initialDateString)
+if (lastModifiedDate.getTime() > initialDate.getTime()) {
     toast.add({
       id: 'outdated_data',
       title: 'Details on this page have been updated. Refresh to view the latest information.',

From 05fd50680a914a77937d2f7a622fb03e328f415d Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Wed, 15 Jan 2025 09:05:55 -0800
Subject: [PATCH 07/16] appp version

---
 package.json            | 2 +-
 src/pages/dashboard.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 03dd04d8..66859101 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "bcros-business-dashboard",
   "private": true,
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "scripts": {
     "build": "nuxt generate",
     "build:local": "nuxt build",
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index c8ca6948..7f15cd56 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -87,7 +87,7 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
   const lastModifiedDate = apiToDate(slimBusiness.lastModified)
   const initialDate = apiToDate(business.initialDateString)
-if (lastModifiedDate.getTime() > initialDate.getTime()) {
+  if (lastModifiedDate.getTime() > initialDate.getTime()) {
     toast.add({
       id: 'outdated_data',
       title: 'Details on this page have been updated. Refresh to view the latest information.',

From b5d649e43b118e8da7c085a44a0c6b00dc74ab0f Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Wed, 15 Jan 2025 10:28:33 -0800
Subject: [PATCH 08/16] fixed date objects for business endpoint

---
 src/pages/dashboard.vue |  3 ++-
 src/stores/business.ts  | 10 ++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 7f15cd56..361ea693 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -86,7 +86,8 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   // Fetch business details and update finalDateString
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
   const lastModifiedDate = apiToDate(slimBusiness.lastModified)
-  const initialDate = apiToDate(business.initialDateString)
+  const initialDate = business.initialDateString
+
   if (lastModifiedDate.getTime() > initialDate.getTime()) {
     toast.add({
       id: 'outdated_data',
diff --git a/src/stores/business.ts b/src/stores/business.ts
index 72c3570b..cc9421c2 100644
--- a/src/stores/business.ts
+++ b/src/stores/business.ts
@@ -18,7 +18,7 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
   const currentParties: Ref<PartiesI> = ref(undefined)
 
   const currentBusinessIdentifier = computed((): string => currentBusiness.value?.identifier)
-  const initialDateString = ref<string | undefined>(undefined)
+  const initialDateString = ref<Date | undefined>(undefined)
   // set BUSINESS_ID session storage when business identifier is loaded
   watch(currentBusinessIdentifier, (value) => {
     if (value) {
@@ -183,10 +183,8 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
       currentBusiness.value = await getBusinessDetails(identifier) || {} as BusinessI
 
       // Converting lastModified values to Date objects
-      const initialDate = new Date(currentBusiness.value.lastModified)
-
-      // truncate milliseconds
-      initialDateString.value = initialDate.toISOString().split('.')[0]
+      const initialDate = apiToDate(currentBusiness.value.lastModified)
+      initialDateString.value = initialDate
 
       if (currentBusiness.value.stateFiling) {
         await loadStateFiling()
@@ -197,7 +195,7 @@ export const useBcrosBusiness = defineStore('bcros/business', () => {
 
     trackUiLoadingStop('businessInfoLoading')
 
-    return { initialDateString: initialDateString.value }
+    return { initialDateString }
   }
 
   async function loadBusinessContact (identifier: string, force = false) {

From e60544c0559fa4d3486d7c0265cd7bc832fb0247 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Wed, 15 Jan 2025 10:36:14 -0800
Subject: [PATCH 09/16] date obj

---
 src/pages/dashboard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 361ea693..15865c65 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -19,7 +19,7 @@ const { getPendingCoa } = useBcrosFilings()
 const { filings } = storeToRefs(useBcrosFilings())
 const { pendingFilings } = storeToRefs(useBcrosBusinessBootstrap())
 const toast = useToast()
-const initialDateString = ref<string | undefined>(undefined)
+const initialDateString = ref<Date | undefined>(undefined)
 const ui = useBcrosDashboardUi()
 
 const hasDirector = computed(() => {
@@ -87,7 +87,7 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
   const lastModifiedDate = apiToDate(slimBusiness.lastModified)
   const initialDate = business.initialDateString
-
+  console.log(initialDate,lastModifiedDate)
   if (lastModifiedDate.getTime() > initialDate.getTime()) {
     toast.add({
       id: 'outdated_data',

From 76fc5dc82191a3a0ae8088cbeace02663140ad2a Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Wed, 15 Jan 2025 10:37:21 -0800
Subject: [PATCH 10/16] linting

---
 src/pages/dashboard.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 15865c65..8227d27a 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -87,7 +87,6 @@ const fetchBusinessDetailsWithDelay = async (identifier: string) => {
   const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
   const lastModifiedDate = apiToDate(slimBusiness.lastModified)
   const initialDate = business.initialDateString
-  console.log(initialDate,lastModifiedDate)
   if (lastModifiedDate.getTime() > initialDate.getTime()) {
     toast.add({
       id: 'outdated_data',

From a969b2fae9b501d81c1d7724b7f41e166b663657 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Thu, 16 Jan 2025 14:10:02 -0800
Subject: [PATCH 11/16] added stop polling and restart polling for staff
 filings

---
 .../bcros/filing/addStaffFiling/Index.vue     | 13 ++-
 src/pages/dashboard.vue                       | 89 +++++++++++--------
 2 files changed, 63 insertions(+), 39 deletions(-)

diff --git a/src/components/bcros/filing/addStaffFiling/Index.vue b/src/components/bcros/filing/addStaffFiling/Index.vue
index 9d5b85b0..e587ad72 100644
--- a/src/components/bcros/filing/addStaffFiling/Index.vue
+++ b/src/components/bcros/filing/addStaffFiling/Index.vue
@@ -22,6 +22,11 @@ const openCourtOrderModal = ref(false)
 const openDissolutionModal = ref(false)
 const openPutBackOnModal = ref(false)
 
+const emit = defineEmits(['button-clicked'])
+
+const startPolling = () => {
+  emit('button-clicked')
+}
 // Create a restoration filing and navigate to the appropriate page
 const restoreCompany = async (restorationType: FilingSubTypeE = null) => {
   // create restoration filing
@@ -209,7 +214,13 @@ const actions: ComputedRef<Array<Array<MenuActionItem>>> = computed(() => {
 
     <UDropdown v-if="actions[0].length > 0 && currentBusiness" :items="actions" :popper="{ placement: 'bottom-start' }">
       <template #default>
-        <UButton variant="ghost" data-cy="add-staff-filing" label="Add Staff Filing" icon="i-mdi-plus" />
+        <UButton
+          variant="ghost"
+          data-cy="add-staff-filing"
+          label="Add Staff Filing"
+          icon="i-mdi-plus"
+          @click="startPolling"
+        />
       </template>
 
       <template #item="{ item }">
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 8227d27a..18391ccb 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -83,61 +83,70 @@ const containRole = (roleType) => {
 }
 
 const fetchBusinessDetailsWithDelay = async (identifier: string) => {
-  // Fetch business details and update finalDateString
-  const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
-  const lastModifiedDate = apiToDate(slimBusiness.lastModified)
-  const initialDate = business.initialDateString
-  if (lastModifiedDate.getTime() > initialDate.getTime()) {
-    toast.add({
-      id: 'outdated_data',
-      title: 'Details on this page have been updated. Refresh to view the latest information.',
-      timeout: 0,
-      actions: [{
-        label: 'Refresh',
-        variant: 'refresh',
-        color: 'primary',
-        click: () => {
-          reloadBusinessInfo()
-        }
-      }]
-    })
+  try {
+    const slimBusiness = await business.getBusinessDetails(identifier, undefined, true)
+    const lastModifiedDate = slimBusiness.lastModified ? apiToDate(slimBusiness.lastModified) : null
+    const initialDate = business.initialDateString ? business.initialDateString : null
+
+    if (lastModifiedDate && initialDate && lastModifiedDate.getTime() > initialDate.getTime()) {
+      toast.add({
+        id: 'outdated_data',
+        title: 'Details on this page have been updated. Refresh to view the latest information.',
+        timeout: 0,
+        actions: [{
+          label: 'Refresh',
+          variant: 'refresh',
+          color: 'primary',
+          click: () => {
+            reloadBusinessInfo()
+          }
+        }]
+      })
+    }
+  } catch (error) {
+    console.error('Error fetching business details:', error)
   }
 }
 
+let pollingInterval: NodeJS.Timer | null = null
+let startTime: number = 0
+
 const startPolling = (identifier: string) => {
-  const startTime = Date.now()
+  if (pollingInterval) { return } // Prevent starting if polling is active
 
-  const firstInterval = 1000
-  const secondInterval = 10000
-  const thirdInterval = 60000
-  const fourthInterval = 3600000
+  startTime = Date.now()
 
   const poll = () => {
     const elapsedTime = Date.now() - startTime
+    let interval = 1000 // Default to 1 second
 
     if (elapsedTime < 10000) {
-    // Poll every 1 second for the first 10 seconds
-      fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, firstInterval)
+      interval = 1000 // Poll every 1 second for 10 seconds
     } else if (elapsedTime < 60000) {
-    // Poll every 10 seconds for the next 50 seconds (until the 1-minute mark)
-      fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, secondInterval)
+      interval = 10000 // Poll every 10 seconds for next 50 seconds
     } else if (elapsedTime < 1800000) {
-    // Poll every 1 minute for the next 29 minutes (until the 30-minute mark)
-      fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, thirdInterval)
+      interval = 60000 // Poll every 1 minute for next 29 minutes
     } else {
-    // Poll every 1 hour after 30 minutes
-      fetchBusinessDetailsWithDelay(identifier)
-      setTimeout(poll, fourthInterval)
-    }
+      interval = 3600000
+    } // Poll every 1 hour after 30 minutes
+
+    fetchBusinessDetailsWithDelay(identifier)
+    pollingInterval = setTimeout(poll, interval)
   }
 
-  // Start the polling
   poll()
 }
 
+const stopPolling = () => {
+  if (pollingInterval) { clearTimeout(pollingInterval) }
+  pollingInterval = null
+}
+
+const handleButtonClicked = () => {
+  const identifier = route.params.identifier as string
+  stopPolling()
+  startPolling(identifier)
+}
 // load information for the business or the bootstrap business,
 // and load the todo tasks, pending-review item, and filing history
 const loadBusinessInfo = async (force = false) => {
@@ -403,7 +412,11 @@ const coaEffectiveDate = computed(() => {
           <div>
             {{ $t('title.section.filingHistory') }}
             <span class="font-normal">({{ filings?.filter(f=>f.displayLedger).length || 0 }})</span>
-            <BcrosFilingAddStaffFiling v-if="isStaffAccount" class="float-right font-small overflow-auto" />
+            <BcrosFilingAddStaffFiling
+              v-if="isStaffAccount"
+              class="float-right font-small overflow-auto"
+              @button-clicked="handleButtonClicked"
+            />
           </div>
         </template>
         <BcrosFilingList :filings="filings" />

From d75c94a3d79d9f3a3a5f62476cad4875684176da Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Thu, 16 Jan 2025 15:43:43 -0800
Subject: [PATCH 12/16] updated to emit the restart polling event on each save
 for new filing

---
 src/components/bcros/filing/addStaffFiling/Index.vue      | 7 ++++++-
 src/components/bcros/filing/addStaffFiling/modal/Form.vue | 3 ++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/bcros/filing/addStaffFiling/Index.vue b/src/components/bcros/filing/addStaffFiling/Index.vue
index e587ad72..dd2b27db 100644
--- a/src/components/bcros/filing/addStaffFiling/Index.vue
+++ b/src/components/bcros/filing/addStaffFiling/Index.vue
@@ -185,31 +185,37 @@ const actions: ComputedRef<Array<Array<MenuActionItem>>> = computed(() => {
     <LazyBcrosFilingAddStaffFilingModalFreezeUnfreeze
       v-if="openFreezeUnfreezeModal"
       @close="openFreezeUnfreezeModal = false"
+      @saved="startPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openRegistrarNotationModal"
       :filing-type="FilingTypes.REGISTRARS_NOTATION"
       @close="openRegistrarNotationModal = false"
+      @saved="startPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openRegistrarOrderModal"
       :filing-type="FilingTypes.REGISTRARS_ORDER"
       @close="openRegistrarOrderModal = false"
+      @saved="startPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openCourtOrderModal"
       :filing-type="FilingTypes.COURT_ORDER"
       @close="openCourtOrderModal = false"
+      @saved="startPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openDissolutionModal"
       :filing-type="FilingTypes.DISSOLUTION"
       @close="openDissolutionModal = false"
+      @saved="startPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openPutBackOnModal"
       :filing-type="FilingTypes.PUT_BACK_ON"
       @close="openPutBackOnModal = false"
+      @saved="startPolling"
     />
 
     <UDropdown v-if="actions[0].length > 0 && currentBusiness" :items="actions" :popper="{ placement: 'bottom-start' }">
@@ -219,7 +225,6 @@ const actions: ComputedRef<Array<Array<MenuActionItem>>> = computed(() => {
           data-cy="add-staff-filing"
           label="Add Staff Filing"
           icon="i-mdi-plus"
-          @click="startPolling"
         />
       </template>
 
diff --git a/src/components/bcros/filing/addStaffFiling/modal/Form.vue b/src/components/bcros/filing/addStaffFiling/modal/Form.vue
index a08e66a0..e03c09a0 100644
--- a/src/components/bcros/filing/addStaffFiling/modal/Form.vue
+++ b/src/components/bcros/filing/addStaffFiling/modal/Form.vue
@@ -7,7 +7,7 @@ const t = useNuxtApp().$i18n.t
 const filings = useBcrosFilings()
 const business = useBcrosBusiness()
 const { currentBusiness, currentBusinessName } = storeToRefs(business)
-const emit = defineEmits(['close'])
+const emit = defineEmits(['close', 'saved'])
 const prop = defineProps({
   filingType: { type: String as () => FilingTypes, required: true }
 })
@@ -262,6 +262,7 @@ const submitFiling = async() => {
 // submit the filing upon successful validation
 const handleSubmit = () => {
   if (validate()) {
+    emit('saved')
     submitFiling()
   }
 }

From 476ab3841e18bfad5f34c0e52d0558285fc865c8 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Thu, 16 Jan 2025 15:47:31 -0800
Subject: [PATCH 13/16] switched to wait for save before emiting event

---
 src/components/bcros/filing/addStaffFiling/modal/Form.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/bcros/filing/addStaffFiling/modal/Form.vue b/src/components/bcros/filing/addStaffFiling/modal/Form.vue
index e03c09a0..6dce43d6 100644
--- a/src/components/bcros/filing/addStaffFiling/modal/Form.vue
+++ b/src/components/bcros/filing/addStaffFiling/modal/Form.vue
@@ -262,8 +262,8 @@ const submitFiling = async() => {
 // submit the filing upon successful validation
 const handleSubmit = () => {
   if (validate()) {
-    emit('saved')
     submitFiling()
+    emit('saved')
   }
 }
 </script>

From 7eef54fa5c5710352fb1621f5c9af8d6f51dfa6c Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Thu, 16 Jan 2025 16:27:21 -0800
Subject: [PATCH 14/16] updated variables nd async calls

---
 .../bcros/filing/addStaffFiling/Index.vue      | 18 +++++++++---------
 src/pages/dashboard.vue                        | 12 +++++++-----
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/bcros/filing/addStaffFiling/Index.vue b/src/components/bcros/filing/addStaffFiling/Index.vue
index dd2b27db..bfad45ce 100644
--- a/src/components/bcros/filing/addStaffFiling/Index.vue
+++ b/src/components/bcros/filing/addStaffFiling/Index.vue
@@ -22,10 +22,10 @@ const openCourtOrderModal = ref(false)
 const openDissolutionModal = ref(false)
 const openPutBackOnModal = ref(false)
 
-const emit = defineEmits(['button-clicked'])
+const emit = defineEmits(['saveLocalFilingEmit'])
 
-const startPolling = () => {
-  emit('button-clicked')
+const saveEmitForPolling = () => {
+  emit('saveLocalFilingEmit')
 }
 // Create a restoration filing and navigate to the appropriate page
 const restoreCompany = async (restorationType: FilingSubTypeE = null) => {
@@ -185,37 +185,37 @@ const actions: ComputedRef<Array<Array<MenuActionItem>>> = computed(() => {
     <LazyBcrosFilingAddStaffFilingModalFreezeUnfreeze
       v-if="openFreezeUnfreezeModal"
       @close="openFreezeUnfreezeModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openRegistrarNotationModal"
       :filing-type="FilingTypes.REGISTRARS_NOTATION"
       @close="openRegistrarNotationModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openRegistrarOrderModal"
       :filing-type="FilingTypes.REGISTRARS_ORDER"
       @close="openRegistrarOrderModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openCourtOrderModal"
       :filing-type="FilingTypes.COURT_ORDER"
       @close="openCourtOrderModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openDissolutionModal"
       :filing-type="FilingTypes.DISSOLUTION"
       @close="openDissolutionModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
     <LazyBcrosFilingAddStaffFilingModalForm
       v-if="openPutBackOnModal"
       :filing-type="FilingTypes.PUT_BACK_ON"
       @close="openPutBackOnModal = false"
-      @saved="startPolling"
+      @saved="saveEmitForPolling"
     />
 
     <UDropdown v-if="actions[0].length > 0 && currentBusiness" :items="actions" :popper="{ placement: 'bottom-start' }">
diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 18391ccb..775a8896 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -170,11 +170,13 @@ const loadBusinessInfo = async (force = false) => {
       }
     } else {
       await business.loadBusiness(identifier, force)
-      business.loadBusinessAddresses(identifier, force)
-      business.loadParties(identifier, force)
-      useBcrosFilings().loadFilings(identifier, force)
-      useBcrosTodos().loadAffiliations(identifier)
+      await Promise.all([
+      business.loadBusinessAddresses(identifier, force),
+      business.loadParties(identifier, force),
+      useBcrosFilings().loadFilings(identifier, force),
+      useBcrosTodos().loadAffiliations(identifier),
       useBcrosTodos().loadTasks(identifier, true)
+    ])
     }
     // assign initial value from /business
     initialDateString.value = business.initialDateString
@@ -415,7 +417,7 @@ const coaEffectiveDate = computed(() => {
             <BcrosFilingAddStaffFiling
               v-if="isStaffAccount"
               class="float-right font-small overflow-auto"
-              @button-clicked="handleButtonClicked"
+              @saveLocalFilingEmit="handleButtonClicked"
             />
           </div>
         </template>

From 2893b2930b8bacd6b2b314105e641d385e2ecdcc Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Thu, 16 Jan 2025 16:28:05 -0800
Subject: [PATCH 15/16] linting

---
 src/pages/dashboard.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 775a8896..5e2dfc62 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -171,12 +171,12 @@ const loadBusinessInfo = async (force = false) => {
     } else {
       await business.loadBusiness(identifier, force)
       await Promise.all([
-      business.loadBusinessAddresses(identifier, force),
-      business.loadParties(identifier, force),
-      useBcrosFilings().loadFilings(identifier, force),
-      useBcrosTodos().loadAffiliations(identifier),
-      useBcrosTodos().loadTasks(identifier, true)
-    ])
+        business.loadBusinessAddresses(identifier, force),
+        business.loadParties(identifier, force),
+        useBcrosFilings().loadFilings(identifier, force),
+        useBcrosTodos().loadAffiliations(identifier),
+        useBcrosTodos().loadTasks(identifier, true)
+      ])
     }
     // assign initial value from /business
     initialDateString.value = business.initialDateString
@@ -417,7 +417,7 @@ const coaEffectiveDate = computed(() => {
             <BcrosFilingAddStaffFiling
               v-if="isStaffAccount"
               class="float-right font-small overflow-auto"
-              @saveLocalFilingEmit="handleButtonClicked"
+              @save-local-filing-emit="handleButtonClicked"
             />
           </div>
         </template>

From cbc9b3a129593732e664103ba20d207e26fb9b31 Mon Sep 17 00:00:00 2001
From: Rajandeep <rajandeep.kaur@gov.bc.ca>
Date: Fri, 17 Jan 2025 09:56:09 -0800
Subject: [PATCH 16/16] app version update

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 66859101..3c285447 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "bcros-business-dashboard",
   "private": true,
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "scripts": {
     "build": "nuxt generate",
     "build:local": "nuxt build",