Harmonize tabs

apps/client/src/app/pages/about/about-page.html

@@ -11,7 +11,6 @@
       mat-tab-link
       routerLinkActive
       [active]="rla.isActive"
-      [hidden]="tab.hidden"
       [routerLink]="tab.path"
     >
       <ion-icon size="large" [name]="tab.iconName"></ion-icon>

apps/client/src/app/pages/admin/admin-page.component.ts

@@ -13,7 +13,12 @@ export class AdminPageComponent implements OnDestroy, OnInit {
   }
 
   public hasMessage: boolean;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
 
   private unsubscribeSubject = new Subject<void>();
 

apps/client/src/app/pages/admin/admin-page.html

@@ -6,6 +6,7 @@
   <ng-container *ngFor="let tab of tabs">
     <a
       #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
       class="px-3"
       mat-tab-link
       routerLinkActive

apps/client/src/app/pages/home/home-page.component.ts

@@ -25,7 +25,12 @@ export class HomePageComponent implements OnDestroy, OnInit {
   public hasMessage: boolean;
   public hasPermissionToAccessFearAndGreedIndex: boolean;
   public info: InfoItem;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/home/home-page.html

@@ -6,6 +6,7 @@
   <ng-container *ngFor="let tab of tabs">
     <a
       #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
       class="px-3"
       mat-tab-link
       routerLinkActive

apps/client/src/app/pages/portfolio/portfolio-page.component.ts

@@ -24,7 +24,12 @@ export class PortfolioPageComponent implements OnDestroy, OnInit {
 
   public hasMessage: boolean;
   public info: InfoItem;
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/portfolio/portfolio-page.html

@@ -6,6 +6,7 @@
   <ng-container *ngFor="let tab of tabs">
     <a
       #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
       class="px-3"
       mat-tab-link
       routerLinkActive

apps/client/src/app/pages/zen/zen-page.component.ts

@@ -18,7 +18,12 @@ import { first, takeUntil } from 'rxjs/operators';
   styleUrls: ['./zen-page.scss']
 })
 export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit {
-  public tabs: { iconName: string; label: string; path: string }[] = [];
+  public tabs: {
+    iconName: string;
+    label: string;
+    path: string;
+    showCondition?: boolean;
+  }[] = [];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/zen/zen-page.html

@@ -6,6 +6,7 @@
   <ng-container *ngFor="let tab of tabs">
     <a
       #rla="routerLinkActive"
+      *ngIf="tab.showCondition !== false"
       class="px-3"
       mat-tab-link
       routerLinkActive