Feature/display markets overview link in footer based on permission (#2059)

* Add check for permission

* Update changelog

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Extended the clone functionality of a transaction by the quantity
 - Changed the direction of the ellipsis icon in various tables
+- Displayed the link to the markets overview in the footer based on a permission
 - Refreshed the cryptocurrencies list
 - Upgraded `Node.js` from version `16` to `18` (`Dockerfile`)
 

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(() => {