teams: smother surveys lazy loading (fixes #9262) (#9271)

Co-authored-by: dogi <[email protected]>

Author: Mutugiii

package.json

@@ -1,10 +1,10 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.20.63",
+  "version": "0.20.64",
   "myplanet": {
-    "latest": "v0.36.36",
-    "min": "v0.35.36"
+    "latest": "v0.36.37",
+    "min": "v0.35.37"
   },
   "scripts": {
     "ng": "ng",

src/app/teams/teams-view.component.html

@@ -235,11 +235,11 @@ <h4 i18n>Members ({{members.length}})</h4>
             </div>
           </ng-template>
         </mat-tab>
-        <mat-tab i18n-label label="Surveys">
+        <mat-tab #surveysTab i18n-label label="Surveys">
           <ng-template mat-tab-label>
-            <ng-container i18n>Surveys</ng-container> ({{surveysCount}})
+            <ng-container i18n>Surveys</ng-container> <span *ngIf="surveysTab.isActive">({{surveysCount}})</span>
           </ng-template>
-          <planet-surveys [teamId]="teamId" (surveyCount)="surveysCount = $event"></planet-surveys>
+          <planet-surveys *ngIf="surveysTab.isActive" [teamId]="teamId" (surveyCount)="surveysCount = $event"></planet-surveys>
         </mat-tab>
       </ng-container>
     </mat-tab-group>