re-render email list on btn click (bcgov#2843)

Signed-off-by: Shaanjot Gill <[email protected]>

auth-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.6.17",
+  "version": "2.6.18",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,

auth-web/src/views/auth/staff/SafeEmailView.vue

@@ -55,6 +55,7 @@ export default defineComponent({
       // Call the service method to delete the email from the server
       try {
         await StaffService.deleteSafeEmail(email)
+        await getSafeEmails()
       } catch (error) {
         // eslint-disable-next-line no-console
         console.error(`Unable to delete the email, ${error}`)
@@ -67,6 +68,7 @@ export default defineComponent({
 
     return {
       deleteEmail,
+      getSafeEmails,
       safeEmails
     }
   }

auth-web/src/views/auth/staff/StaffDashboardView.vue

@@ -251,7 +251,7 @@
             </v-row>
           </v-form>
         </v-container>
-        <SafeEmailView />
+        <SafeEmailView ref="safeEmailView" />
       </template>
     </BaseVExpansionPanel>
 
@@ -342,6 +342,7 @@ export default defineComponent({
   setup (props, { root }) {
     const searchBusinessForm: Ref<HTMLFormElement> = ref(null)
     const emailToAdd = ref(null)
+    const safeEmailViewRef = ref(null)
     const businessStore = useBusinessStore()
     const orgStore = useOrgStore()
     const userStore = useUserStore()
@@ -430,6 +431,7 @@ export default defineComponent({
           email: [emailToAdd.value]
         }
         await StaffService.addSafeEmail(safeListEmailsRequestBody)
+        await safeEmailViewRef.value.getSafeEmails()
       } catch (error) {
         // eslint-disable-next-line no-console
         console.error(`Unable to add the email, ${error}`)
@@ -441,6 +443,7 @@ export default defineComponent({
       formatBusinessIdentifier,
       goToInvoluntaryDissolution,
       goToManageBusiness,
+      safeEmailViewRef,
       isDevOrTest,
       isFormValid,
       search,