feat(refresh): added refresh button on game detail view to refresh metadata

Resolves grimsi/gameyfin#45

frontend/src/app/api/GamesApi.ts

@@ -7,4 +7,5 @@ export interface GamesApi {
   getGame(slug: String): Observable<DetectedGameDto>;
   getGameOverviews(): Observable<GameOverviewDto[]>;
   getAllGameMappings(): Observable<Map<string, string>>;
+  refreshGame(slug: String): Observable<DetectedGameDto>;
 }

frontend/src/app/components/game-detail-view/game-detail-view.component.html

@@ -33,6 +33,9 @@
       <div fxLayout="column" fxFlex="40" fxLayoutGap="16px">
 
         <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="16px">
+          <button mat-raised-button color="secondary" (click)="refreshGame()" title="Refresh metadata">
+            <mat-icon>refresh</mat-icon>
+          </button>
           <button mat-raised-button color="primary" (click)="downloadGame()">
             <mat-icon>download</mat-icon>
           </button>

frontend/src/app/components/game-detail-view/game-detail-view.component.ts

@@ -48,6 +48,24 @@ export class GameDetailViewComponent {
     this.gamesService.downloadGame(this.game.slug);
   }
 
+  public refreshGame(): void {
+    this.gamesService.refreshGame(this.game.slug).subscribe({
+      next: game => {
+        this.game = game;
+        if(game.companies !== undefined) {
+          this.companiesWithLogo = game.companies.filter(c => c.logoId !== undefined && c.logoId.length > 0);
+        }
+      },
+      error: error => {
+        if (error.status === 404) {
+          this.router.navigate(['/library']);
+        } else {
+          console.error(error);
+        }
+      }
+   });
+  }
+
   public bytesAsHumanReadableString(bytes: number): string {
     const thresh = 1024;
 

frontend/src/app/services/games.service.ts

@@ -92,6 +92,10 @@ export class GamesService implements GamesApi {
     window.open(`v1${this.apiPath}/game/${slug}/download`, '_top');
   }
 
+  refreshGame(slug: String): Observable<DetectedGameDto> {
+    return this.http.get<DetectedGameDto>(`${this.apiPath}/game/${slug}/refresh`);
+  }
+
   getGameOverviews(): Observable<GameOverviewDto[]> {
     return this.http.get<GameOverviewDto[]>(`${this.apiPath}/game-overviews`);
   }