Add check for permission

apps/client/src/app/app.component.html

@@ -66,7 +66,9 @@
       <div class="col-sm">
         <div class="h6 mt-2" i18n>Personal Finance</div>
         <ul class="list-unstyled">
-          <li><a i18n [routerLink]="['/markets']">Markets</a></li>
+          <li *ngIf="hasPermissionToAccessFearAndGreedIndex">
+            <a i18n [routerLink]="['/markets']">Markets</a>
+          </li>
           <li><a i18n [routerLink]="['/resources']">Resources</a></li>
         </ul>
       </div>

apps/client/src/app/app.component.ts

@@ -34,6 +34,7 @@ export class AppComponent implements OnDestroy, OnInit {
   public deviceType: string;
   public hasPermissionForBlog: boolean;
   public hasPermissionForSubscription: boolean;
+  public hasPermissionToAccessFearAndGreedIndex: boolean;
   public info: InfoItem;
   public pageTitle: string;
   public user: User;
@@ -69,6 +70,11 @@ export class AppComponent implements OnDestroy, OnInit {
       permissions.enableSubscription
     );
 
+    this.hasPermissionToAccessFearAndGreedIndex = hasPermission(
+      this.info?.globalPermissions,
+      permissions.enableFearAndGreedIndex
+    );
+
     this.router.events
       .pipe(filter((event) => event instanceof NavigationEnd))
       .subscribe(() => {