feat: 1vs BOT

src/app/pages/welcome/welcome.component.ts

@@ -15,6 +15,7 @@ import { GameApiService } from '../../services/game-api.service';
 export class WelcomeComponent {
   creating = false;
   errorMessage = '';
+  showDifficultySelector = false;
 
   constructor(
     private readonly router: Router,
@@ -41,4 +42,31 @@ export class WelcomeComponent {
         }
       });
   }
+
+  startVsBot(difficulty: 'easy' | 'medium' | 'hard'): void {
+    if (this.creating) {
+      return;
+    }
+
+    this.errorMessage = '';
+    this.creating = true;
+    this.showDifficultySelector = false;
+
+    this.gameApi
+      .createGameVsBot(difficulty)
+      .pipe(finalize(() => (this.creating = false)))
+      .subscribe({
+        next: (game) => {
+          void this.router.navigate(['/game', game.gameId]);
+        },
+        error: (error) => {
+          this.errorMessage = getErrorMessage(error, 'Unable to create a game against bot.');
+        }
+      });
+  }
+
+  toggleDifficultySelector(): void {
+    this.showDifficultySelector = !this.showDifficultySelector;
+    this.errorMessage = '';
+  }
 }