style: visual improvements

src/app/shared/components/header/header.component.html

@@ -24,15 +24,17 @@
         <mat-icon>menu</mat-icon>
     </button>
     <mat-menu #menu="matMenu">
-        <button
-            mat-menu-item
-            [attr.aria-label]="'MENU.SETTINGS_ARIA' | translate"
-            (click)="openSettings()"
-        >
-            <mat-icon>settings</mat-icon>
-            <span>{{ 'MENU.SETTINGS' | translate }}</span>
-        </button>
-        <mat-divider></mat-divider>
+        <ng-container *ngIf="isHome">
+            <button
+                mat-menu-item
+                [attr.aria-label]="'MENU.SETTINGS_ARIA' | translate"
+                (click)="openSettings()"
+            >
+                <mat-icon>settings</mat-icon>
+                <span>{{ 'MENU.SETTINGS' | translate }}</span>
+            </button>
+            <mat-divider></mat-divider>
+        </ng-container>
         <button
             mat-menu-item
             [attr.aria-label]="'MENU.SUPPORT_ARIA' | translate"

src/app/shared/components/header/header.component.ts

@@ -1,6 +1,7 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
-import { Router } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
+import { HomeComponent } from '../../../home/home.component';
 import { DataService } from '../../../services/data.service';
 import { WhatsNewService } from '../../../services/whats-new.service';
 import { AboutDialogComponent } from '../about-dialog/about-dialog.component';
@@ -10,12 +11,12 @@ import { AboutDialogComponent } from '../about-dialog/about-dialog.component';
     templateUrl: './header.component.html',
     styleUrls: ['./header.component.scss'],
 })
-export class HeaderComponent {
+export class HeaderComponent implements OnInit {
     /** Title of the header */
-    @Input() title: string;
+    @Input() title!: string;
 
     /** Subtitle of the header */
-    @Input() subtitle: string;
+    @Input() subtitle!: string;
 
     /** Environment flag */
     isElectron = this.dataService.isElectron;
@@ -29,18 +30,22 @@ export class HeaderComponent {
     /** Modals to show for the updated version of the application */
     modals = this.whatsNewService.getLatestChanges();
 
-    /** Creates an instance of SettingsComponent and injects angulars router module
-     * @param router angulars router
-     * @param dataService
-     * @param whatsNewService
-     */
+    isHome = true;
+
+    /** Creates an instance of SettingsComponent */
     constructor(
-        private router: Router,
+        private activatedRoute: ActivatedRoute,
+        private dialog: MatDialog,
         private dataService: DataService,
-        private whatsNewService: WhatsNewService,
-        private dialog: MatDialog
+        private router: Router,
+        private whatsNewService: WhatsNewService
     ) {}
 
+    ngOnInit() {
+        this.isHome =
+            this.activatedRoute.snapshot.component.name === HomeComponent.name;
+    }
+
     /**
      * Navigates to the settings page
      */