Merge pull request #11 from UndefinedOnGitHub/fix-side-menu-icon

fix icons
UndefinedOnGitHub · Jan 8, 2024 · 7fd786b · 7fd786b
2 parents fae5c19 + 909a8f2
commit 7fd786b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -36,23 +36,23 @@
           routerLink="/"
           (click)="drawer.close()"
         >
-          <fa-icon [icon]="faBars"></fa-icon>
-          <span>Home</span>
+          <fa-icon [icon]="faFilePen"></fa-icon>
+          <span>Notepad</span>
         </div>
         <div
           class="d-flex align-content-center"
           routerLink="/puzzles"
           (click)="drawer.close()"
         >
-          <fa-icon [icon]="faBars"></fa-icon>
+          <fa-icon [icon]="faPuzzlePiece"></fa-icon>
           <span>Puzzle</span>
         </div>
         <div
           class="d-flex align-content-center"
           routerLink="/games"
           (click)="drawer.close()"
         >
-          <fa-icon [icon]="faBars"></fa-icon>
+          <fa-icon [icon]="faChessBoard"></fa-icon>
           <span>Game</span>
         </div>
       </div>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -5,6 +5,9 @@ import {
   faHeart,
   faShare,
   faCircleStop,
+  faFilePen,
+  faPuzzlePiece,
+  faChessBoard,
   IconDefinition,
 } from '@fortawesome/free-solid-svg-icons';
 
@@ -18,6 +21,9 @@ export class AppComponent {
   faBars: IconDefinition = faBars;
   faHeart: IconDefinition = faHeart;
   faShare: IconDefinition = faShare;
+  faFilePen: IconDefinition = faFilePen;
+  faPuzzlePiece: IconDefinition = faPuzzlePiece;
+  faChessBoard: IconDefinition = faChessBoard;
   faCircleStop: IconDefinition = faCircleStop;
 
   githubUrl: string = 'https://github.com/UndefinedOnGitHub/chesspad-pp';