frontend/src/app/feature/game/dice/dice.component.ts

@@ -1,4 +1,4 @@
-import { Component, inject, OnInit, signal } from '@angular/core';
+import { Component, signal, inject, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import {
   FormBuilder,
@@ -9,7 +9,7 @@ import {
 } from '@angular/forms';
 import { DiceService } from './dice.service';
 import { DiceDto, DiceResult } from './dice.model';
-import { tap } from 'rxjs/operators';
+import { debounceTime, tap } from 'rxjs/operators';
 import { UserService } from '@service/user.service';
 
 type DiceFormGroup = FormGroup<{
@@ -41,7 +41,10 @@ export class DiceComponent implements OnInit {
 
   ngOnInit(): void {
     this.diceForm.valueChanges
-      .pipe(tap(() => this.calculateWinChanceAndPotentialWin()))
+      .pipe(
+        debounceTime(100),
+        tap(() => this.calculateWinChanceAndPotentialWin())
+      )
       .subscribe();
 
     this.calculateWinChanceAndPotentialWin();