fix(FSADT1-1023|FSADT1-1024): updating ui style

frontend/src/App.vue

@@ -43,9 +43,9 @@ const openToast = (event: ModalNotification) => {
 const deleteContentModal = () => {
   openToast({
     // message: `“${modalContent.value.message}” additional ${modalContent.value.kind} was deleted successfully`,
-    message: "",
-    kind: 'Success',
-    toastTitle: modalContent.value.toastTitle,
+    message: modalContent.value.message,
+    kind: "Success",
+    toastTitle: "Success",
     active: true,
     handler: () => {}
   })
@@ -78,7 +78,7 @@ toastBus.on(openToast)
       <cds-modal-header>
         <cds-modal-close-button></cds-modal-close-button>
         <cds-modal-heading
-          >Are you sure you want to delete "{{ modalContent.message }}" additional
+          >Are you sure you want to delete "{{ modalContent.name }}" additional
           {{ modalContent.kind }}?
         </cds-modal-heading>
       </cds-modal-header>

frontend/src/dto/CommonTypesDto.ts

@@ -86,6 +86,7 @@ export interface Submitter {
 }
 
 export interface ModalNotification {
+  name?: string;
   message: string;
   kind: string;
   toastTitle: string;

frontend/src/pages/FormBCeIDPage.vue

@@ -396,7 +396,7 @@ const scrollToNewContact = () => {
           </li>
           <li>
             You must be able to receive email at
-            {{ submitterContact.email }}
+            <b>{{ submitterContact.email }}</b>
           </li>
         </ol>
       </div>

frontend/src/pages/bceidform/AddressWizardStep.vue

@@ -119,9 +119,10 @@ const handleRemove = (index: number) => {
       ? formData.location.addresses[index].locationName
       : "Address #" + index;
   bus.emit({
-    message: selectedAddress,
+    name: selectedAddress,
+    toastTitle: "Success",
     kind: "address",
-    toastTitle: "The additional address was deleted",
+    message: `“${selectedAddress}” additional address was deleted`,
     handler: removeAddress(index),
     active: true,
   });

frontend/src/pages/bceidform/ContactWizardStep.vue

@@ -121,9 +121,10 @@ const handleRemove = (index: number) => {
     ? `${formData.location.contacts[index].firstName} ${formData.location.contacts[index].lastName}`
     : "Contact #" + index;
   bus.emit({
-    message: selectedContact,
+    name: selectedContact,
+    toastTitle: "Success",
     kind: "contact",
-    toastTitle: "The additional contact was deleted",
+    message: `“${selectedContact}” additional contact was deleted`,
     handler: removeContact(index),
     active: true,
   });

frontend/tests/unittests/pages/bceidform/ContactWizardStep.spec.ts

@@ -43,7 +43,8 @@ describe("ContactWizardStep.vue", () => {
       await wrapper.find("#deleteContact_1").trigger("click");
 
       expect(payload!).toMatchObject({
-        message: "Contact #1",
+        name: "Contact #1",
+        message: "“Contact #1” additional contact was deleted",
         kind: "contact",
       });
     });