feat(profile): add loader on member loading

src/app/profile/structure-members-management/structure-members-management.component.html

@@ -15,6 +15,9 @@
       ></app-button>
     </div>
 
+    <div *ngIf="isLoading" class="loader">
+      <img class="loader-gif" src="/assets/gif/loader_circle.gif" alt />
+    </div>
     <div *ngIf="structureWithOwners && tempUsers" class="membersList">
       <div *ngFor="let member of structureWithOwners.owners" class="member-card">
         <div class="user">

src/app/profile/structure-members-management/structure-members-management.component.ts

 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import { finalize } from 'rxjs';
 import { Owner } from '../../models/owner.model';
 import { Structure } from '../../models/structure.model';
 import { StructureWithOwners } from '../../models/structureWithOwners.model';
@@ -26,6 +27,7 @@ export class StructureMembersManagementComponent implements OnInit {
   public excludeModalOpenned = false;
   public cancelAddTempUserModalOpenned = false;
   public buttonTypeEnum = ButtonType;
+  public isLoading = true;
 
   constructor(
     private route: ActivatedRoute,
@@ -39,9 +41,12 @@ export class StructureMembersManagementComponent implements OnInit {
       if (data.structure) {
         this.structure = new Structure(data.structure);
         let currentProfile = await this.profileService.getProfile();
-        this.structureService.getStructureWithOwners(data.structure._id, currentProfile).subscribe((s) => {
-          this.structureWithOwners = s;
-        });
+        this.structureService
+          .getStructureWithOwners(data.structure._id, currentProfile)
+          .pipe(finalize(() => (this.isLoading = false)))
+          .subscribe((s) => {
+            this.structureWithOwners = s;
+          });
         this.structureService.getTempUsers(data.structure._id).subscribe((data) => {
           this.tempUsers = data;
         });