From 554b8b3ff4732784ee8af943aadbf0009e408a31 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Fri, 2 Jun 2023 20:50:44 +0200
Subject: [PATCH] Harmonize tabs

---
 apps/client/src/app/pages/about/about-page.html            | 1 -
 apps/client/src/app/pages/admin/admin-page.component.ts    | 7 ++++++-
 apps/client/src/app/pages/admin/admin-page.html            | 1 +
 apps/client/src/app/pages/home/home-page.component.ts      | 7 ++++++-
 apps/client/src/app/pages/home/home-page.html              | 1 +
 .../src/app/pages/portfolio/portfolio-page.component.ts    | 7 ++++++-
 apps/client/src/app/pages/portfolio/portfolio-page.html    | 1 +
 apps/client/src/app/pages/zen/zen-page.component.ts        | 7 ++++++-
 apps/client/src/app/pages/zen/zen-page.html                | 1 +
 9 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/app/pages/about/about-page.html b/apps/client/src/app/pages/about/about-page.html
index 6b15d795d..b5c6af58b 100644
--- a/apps/client/src/app/pages/about/about-page.html
+++ b/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>
diff --git a/apps/client/src/app/pages/admin/admin-page.component.ts b/apps/client/src/app/pages/admin/admin-page.component.ts
index ccfafd806..8847301d4 100644
--- a/apps/client/src/app/pages/admin/admin-page.component.ts
+++ b/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>();
 
diff --git a/apps/client/src/app/pages/admin/admin-page.html b/apps/client/src/app/pages/admin/admin-page.html
index 681a42155..b5c6af58b 100644
--- a/apps/client/src/app/pages/admin/admin-page.html
+++ b/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
diff --git a/apps/client/src/app/pages/home/home-page.component.ts b/apps/client/src/app/pages/home/home-page.component.ts
index 168c41649..734e7e4f4 100644
--- a/apps/client/src/app/pages/home/home-page.component.ts
+++ b/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>();
diff --git a/apps/client/src/app/pages/home/home-page.html b/apps/client/src/app/pages/home/home-page.html
index 681a42155..b5c6af58b 100644
--- a/apps/client/src/app/pages/home/home-page.html
+++ b/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
diff --git a/apps/client/src/app/pages/portfolio/portfolio-page.component.ts b/apps/client/src/app/pages/portfolio/portfolio-page.component.ts
index 7b291b91d..8e5f87647 100644
--- a/apps/client/src/app/pages/portfolio/portfolio-page.component.ts
+++ b/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>();
diff --git a/apps/client/src/app/pages/portfolio/portfolio-page.html b/apps/client/src/app/pages/portfolio/portfolio-page.html
index 681a42155..b5c6af58b 100644
--- a/apps/client/src/app/pages/portfolio/portfolio-page.html
+++ b/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
diff --git a/apps/client/src/app/pages/zen/zen-page.component.ts b/apps/client/src/app/pages/zen/zen-page.component.ts
index 64bcb2247..544e32f82 100644
--- a/apps/client/src/app/pages/zen/zen-page.component.ts
+++ b/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>();
diff --git a/apps/client/src/app/pages/zen/zen-page.html b/apps/client/src/app/pages/zen/zen-page.html
index 681a42155..b5c6af58b 100644
--- a/apps/client/src/app/pages/zen/zen-page.html
+++ b/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