From 3b2655cc83c96c6faa6acba13a08a3e9901cc4ea Mon Sep 17 00:00:00 2001
From: cyber-dream <gregory_brzezinski@protonmail.com>
Date: Tue, 18 Oct 2022 17:58:32 +0300
Subject: [PATCH] add game icon to game bar item

---
 .../game-item/game-item.component.html        | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/app/components/games-bar/game-item/game-item.component.html b/src/app/components/games-bar/game-item/game-item.component.html
index cecba7b..063d47a 100644
--- a/src/app/components/games-bar/game-item/game-item.component.html
+++ b/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>
\ No newline at end of file