test game icons

.gitattributes

@@ -1 +1,2 @@
 *.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text

src/app/components/games-bar/game-info/game-info.component.html

@@ -1,20 +1,13 @@
 <h1>{{game.title}}</h1>
 <p>{{game.description}}</p>
-<ng-template #icon>
-    <tui-avatar
-        size="xs"
-        [rounded]="true"
-        [avatarUrl]="'http://jpg.jpg'"
-    ></tui-avatar>
-</ng-template>
 
 <button
     tuiButton
     type="button"
     appearance="primary"
-    [icon]="icon"
     class="tui-space_right-3 tui-space_bottom-3"
     (click)= "runGame()"
 >
+Launch
 <ng-content></ng-content>
 </button>

src/app/components/games-bar/game-item/game-item.component.html

@@ -1,3 +1,22 @@
-<div class="game" [ngClass]="{'active': active}">
+<!-- <div class="game" [ngClass]="{'active': active}">
   <div class="game-title">{{game.title}}</div>
-</div>
+</div> -->
+<ng-template #icon>
+    <tui-avatar
+        size="xs"
+        [rounded]="true"
+        [avatarUrl]="'./assets/games-icons/' + game.image"
+    ></tui-avatar>
+</ng-template>
+
+<button
+    tuiButton
+    type="button"
+    appearance="primary"
+    [icon]="icon"
+    class="tui-space_right-3 tui-space_bottom-3"
+    class="game" 
+    [ngClass]="{'active': active}"
+>
+{{game.title}}
+<ng-content></ng-content>