dropdown fix

frain-dev · Jun 16, 2022 · d68233c · d68233c
1 parent 471c10f
commit d68233c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/web/ui/dashboard/src/app/private/pages/teams/teams.component.html b/web/ui/dashboard/src/app/private/pages/teams/teams.component.html
@@ -25,7 +25,7 @@ <h3 class="margin-bottom__8px">Teams</h3>
 					<ul>
 						<li
 							class="text__capitalize"
-							[ngClass]="{ active: filterOption == filterOption }"
+							[ngClass]="{ active: selectedFilterOption == filterOption }"
 							*ngFor="let filterOption of filterOptions"
 							(click)="showFilterDropdown = false; showOverlay = false; toggleFilter(filterOption)"
 						>
@@ -34,11 +34,11 @@ <h3 class="margin-bottom__8px">Teams</h3>
 					</ul>
 				</div>
 			</div>
-			<button class="button button__small button__primary margin-left__24px" routerLink="./new" (click)="currentId = ''">Add team member</button>
+			<button class="button button__small button__primary margin-left__16px" routerLink="./new" (click)="currentId = ''">Add team member</button>
 		</div>
 	</div>
 
-	<div *ngIf="isFetchingTeamMembers || isFetchingPendingInvites">
+	<div *ngIf="(selectedFilterOption === 'active' && isFetchingTeamMembers) || (selectedFilterOption === 'pending' && isFetchingPendingInvites)">
 		<convoy-table-loader [tableClass]="'table__no-style'" [tableHead]="tableHead"></convoy-table-loader>
 	</div>