feat(header): add repo's link at github

Author: Nikos Anifantis

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

@@ -21,30 +21,48 @@
     </div>
   </div>
 
-  <div *ngIf="authUser$ | async as user; else login">
-    <tui-hosted-dropdown tuiDropdownAlign="left" [content]="userDropdown">
-      <tui-avatar
-        [text]="user.firstName + ' ' + user.lastName"
-        class="aa--cursor-pointer"
-      ></tui-avatar>
-    </tui-hosted-dropdown>
-    <ng-template #userDropdown>
-      <tui-data-list role="menu">
-        <tui-opt-group [label]="user.firstName + ' ' + user.lastName">
-          <button tuiOption (click)="logout()">
-            <span>
-              <tui-svg class="aa--mr-2" src="tuiIconLogoutLarge"></tui-svg>
-              Logout
-            </span>
-          </button>
-        </tui-opt-group>
-      </tui-data-list>
+  <div class="aa--flex aa--items-center">
+    <div *ngIf="authUser$ | async as user; else login">
+      <tui-hosted-dropdown tuiDropdownAlign="left" [content]="userDropdown">
+        <tui-avatar
+          [text]="user.firstName + ' ' + user.lastName"
+          class="aa--cursor-pointer"
+        ></tui-avatar>
+      </tui-hosted-dropdown>
+      <ng-template #userDropdown>
+        <tui-data-list role="menu">
+          <tui-opt-group [label]="user.firstName + ' ' + user.lastName">
+            <button tuiOption (click)="logout()">
+              <span>
+                <tui-svg class="aa--mr-2" src="tuiIconLogoutLarge"></tui-svg>
+                Logout
+              </span>
+            </button>
+          </tui-opt-group>
+        </tui-data-list>
+      </ng-template>
+    </div>
+
+    <ng-template #login>
+      <a
+        tuiButton
+        size="m"
+        routerLink="/login"
+        [appearance]="'outline'"
+        icon="tuiIconUser"
+      >
+        Login
+      </a>
     </ng-template>
-  </div>
 
-  <ng-template #login>
-    <a tuiButton size="m" routerLink="/login" [appearance]="'outline'" icon="tuiIconUser">
-      Login
+    <a
+      href="https://github.com/nikosanif/angular-authentication"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="aa--ml-4 aa--text-2xl"
+      [tuiHint]="'Source code'"
+    >
+      <fa-icon [icon]="['fab', 'github']"></fa-icon>
     </a>
-  </ng-template>
+  </div>
 </header>

src/app/shared/ui/header/header.module.ts

@@ -1,11 +1,13 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import {
   TuiButtonModule,
   TuiHostedDropdownModule,
   TuiDataListModule,
   TuiSvgModule,
+  TuiHintModule,
 } from '@taiga-ui/core';
 import { TuiAvatarModule } from '@taiga-ui/kit';
 
@@ -20,6 +22,8 @@ import { HeaderComponent } from './header.component';
     TuiDataListModule,
     TuiAvatarModule,
     TuiSvgModule,
+    TuiHintModule,
+    FontAwesomeModule,
   ],
   declarations: [HeaderComponent],
   exports: [HeaderComponent],