.gitattributes

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

src/app/app.component.ts

@@ -18,4 +18,8 @@ export class AppComponent {
     });
     //GetVersion();
   }
+
+  RunGame() {
+    //RunGame();
+  }
 }

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

@@ -1,13 +1,20 @@
 <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,22 +1,3 @@
-<!-- <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>

src/app/interfaces/game.interface.ts

@@ -1,7 +1,7 @@
 export interface Game {
-  id: number; //TODO: Заменить на строку
+    id: string;
-  gameId: string
+    title: string;
-  title: string;
+    image: string;
-  image: string;
+    description: string;
-  description: string;
+  }
-}
+  

src/app/services/launcher.service.ts

@@ -15,9 +15,6 @@ export class LauncherService {
 
   public RunGame(game: Game){
     //console.log(game)
-    GoRunGame(game.gameId)
+    GoRunGame(game.id)
-    // console.log(game)
-    // console.log(game.title)
-    // console.log(game.gameId)
   }
 }