bugfixes

src/app/components/contacts/contact-delete/contact-delete.component.html

@@ -5,7 +5,7 @@
     </p>
     <div class="btns">
       <div class="btn">
-        <div class="btn-cancle" (click)="deleteCancle()">
+        <div class="btn-cancle" (click)="cancelDeleteContact()">
           {{ "contactDeleteDialog.btnCancle" | translate }}
         </div>
       </div>

src/app/components/contacts/contact-delete/contact-delete.component.ts

@@ -43,7 +43,7 @@ export class ContactDeleteComponent {
     });
   }
 
-  deleteCancle() {
+  cancelDeleteContact() {
     this.sharedService.isDeleteContactDialogOpen = false;
     if (!this.sharedService.isEditContactDialogOpen) {
       this.sharedService.isAnyDialogOpen = false;

src/app/components/contacts/contact-edit-new/contact-edit-new.component.html

@@ -18,12 +18,19 @@
           }"
         >
           <div class="initials">
-            {{ firebaseService.getUserDetails(currentUserId, "initials") }}
+            @if (!userInitials) {
+            {{ firebaseService.getUserDetails(currentUserId, "initials") }} }
+            @else {
+            {{ userInitials }}
+            }
           </div>
         </div>
       </div>
       <div class="form">
-        <app-contact-form [currentUserId]="currentUserId"></app-contact-form>
+        <app-contact-form
+          (inititalsEmitter)="inititalsEmitter($event)"
+          [currentUserId]="currentUserId"
+        ></app-contact-form>
       </div>
     </div>
   </div>

src/app/components/contacts/contact-edit-new/contact-form/contact-form.component.html

@@ -84,8 +84,9 @@
       } @else { @if (email.touched &&
       !checkIfUserEmailIsValid(contactData.email)) {
       <p>{{ "contactDialogForm.invalidMail1" | translate }}</p>
-      } @else { @if (existEmailonServer(contactData.email).length > 0) {
-      <p>{{ "regiscontactDialogFormter.invalidMail2" | translate }}</p>
+      } @else { @if (existEmailonServer(contactData.email).length > 0 &&
+      !contactData.email) {
+      <p>{{ "contactDialogForm.invalidMail2" | translate }}</p>
       } } }
     </div>
     <input

src/app/components/contacts/contact-edit-new/contact-form/contact-form.component.ts

@@ -38,6 +38,7 @@ export class ContactFormComponent implements OnInit, OnChanges {
     lastName: '',
     email: '',
     phone: '',
+    initials: '',
   };
 
   userData: User = {
@@ -69,25 +70,31 @@ export class ContactFormComponent implements OnInit, OnChanges {
   }
 
   updateFormData() {
-    if (!this.currentUserId) {
     this.updateInitials();
     this.updateUserData();
   }
-  }
 
   updateInitials() {
     const initials = this.contactData
       ? this.contactData.firstName.slice(0, 1).toUpperCase() +
         this.contactData.lastName.slice(0, 1).toUpperCase()
       : '';
+    if (!this.currentUserId) {
       this.userData = {
         ...this.userData,
         initials: initials,
       };
+    } else {
+      this.contactData = {
+        ...this.contactData,
+        initials: initials,
+      };
+    }
     this.inititalsEmitter.emit(initials);
   }
 
   updateUserData() {
+    if (!this.currentUserId) {
       this.userData = {
         ...this.userData,
         firstName: this.capitalizeFirstLetter(this.contactData.firstName),
@@ -95,6 +102,13 @@ export class ContactFormComponent implements OnInit, OnChanges {
         email: this.contactData.email,
         phone: this.contactData.phone,
       };
+    } else {
+      this.contactData = {
+        ...this.contactData,
+        firstName: this.capitalizeFirstLetter(this.contactData.firstName),
+        lastName: this.capitalizeFirstLetter(this.contactData.lastName),
+      };
+    }
   }
 
   capitalizeFirstLetter(name: string) {
@@ -130,6 +144,9 @@ export class ContactFormComponent implements OnInit, OnChanges {
     this.contactData.phone = this.firebaseService
       .getUserDetails(this.currentUserId, 'phone')
       .join(', ');
+    this.contactData.initials = this.firebaseService
+      .getUserDetails(this.currentUserId, 'initials')
+      .join(', ');
   }
 
   onSubmit(ngForm: NgForm) {