Changed team filter to single select buttons

Author: ptechofficial

src/app/component/circular-heatmap/circular-heatmap.component.html

@@ -190,7 +190,7 @@ <h2>Nothing to show</h2>
           <div class="team-filter">
             <mat-form-field class="team-chip-list">
               <mat-label>Team Filter</mat-label>
-              <mat-chip-list multiple selectable>
+              <mat-chip-list selectable>
                 <mat-chip
                   #c="matChip"
                   (click)="toggleTeamSelection(c)"

src/app/component/circular-heatmap/circular-heatmap.component.ts

@@ -179,7 +179,7 @@ export class CircularHeatmapComponent implements OnInit {
     let currChipValue = chip.value.replace(/\s/g, '');
     let visibilityUpdated = false;
     if (chip.selected) {
-      this.selectedTeamChips = [...this.selectedTeamChips, currChipValue];
+      this.selectedTeamChips = [currChipValue];
       if (currChipValue == 'All') {
         this.teamVisible = this.teamList;
         console.log('All', this.teamList);