add loser to versus api call

src/app/admin/components/queue-actions/queue-actions.component.html

@@ -5,6 +5,6 @@
 </div>
 <div *ngIf="versusData">
     <h1>Who won</h1>
-    <button class="btn btn-dark m-2" (click)="versusWon(versusData.player1)">{{ versusData.player1name}}</button>
-    <button class="btn btn-dark m-2" (click)="versusWon(versusData.player2)">{{ versusData.player2name}}</button>
+    <button class="btn btn-dark m-2" (click)="versusWon(versusData.player1, versusData.player2)">{{ versusData.player1name}}</button>
+    <button class="btn btn-dark m-2" (click)="versusWon(versusData.player2, versusData.player1)">{{ versusData.player2name}}</button>
 </div>

src/app/admin/components/queue-actions/queue-actions.component.ts

@@ -43,8 +43,8 @@ export class QueueActionsComponent implements OnInit, OnDestroy {
     })
   }
 
-  versusWon(playerId: number) {
-    this.apiService.completeVersus(playerId).subscribe(r => {
+  versusWon(playerId: number, loser: number) {
+    this.apiService.completeVersus(playerId, loser).subscribe(r => {
       this.versusData = null;
     })
   }

src/app/components/versus/versus.component.ts

@@ -5,6 +5,7 @@ import {Participant} from "../../../types/participant";
 import {VersusItem} from "../../../types/versus-item";
 import {VoiceService} from "../../services/voice.service";
 import {getAudioPath} from "../../helper/tts.helper";
+import {takeUntil} from "rxjs/operators";
 
 @Component({
   selector: 'app-versus',

src/app/services/api.service.ts

@@ -134,9 +134,10 @@ export class ApiService {
     return this.httpClient.get<VersusItem>(`${API_URL}/versus`);
   }
 
-  completeVersus(winner: number) {
+  completeVersus(winner: number, loser: number) {
     return this.httpClient.post(`${API_URL}/versus/complete`, {
-      winner: winner
+      winner: winner,
+      loser: loser
     });
   }
 }