From fd7c3b3503f0cbbc689bec67f1aad8f4c8667986 Mon Sep 17 00:00:00 2001
From: Phan Huy Tran <p.tran@neusta.de>
Date: Wed, 7 May 2025 14:25:25 +0200
Subject: [PATCH] refactor: loop through result matrix

---
 .../app/feature/game/slots/slots.component.html  | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/feature/game/slots/slots.component.html b/frontend/src/app/feature/game/slots/slots.component.html
index 2b6298c..d2c7587 100644
--- a/frontend/src/app/feature/game/slots/slots.component.html
+++ b/frontend/src/app/feature/game/slots/slots.component.html
@@ -17,17 +17,11 @@
 
   <div>
     <div class="grid grid-cols-3 gap-1">
-      <div class="text-center">{{ slotResult().resultMatrix[0][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[0][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[0][2] }}</div>
-
-      <div class="text-center">{{ slotResult().resultMatrix[1][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[1][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[1][2] }}</div>
-
-      <div class="text-center">{{ slotResult().resultMatrix[2][0] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[2][1] }}</div>
-      <div class="text-center">{{ slotResult().resultMatrix[2][2] }}</div>
+      @for (row of slotResult().resultMatrix; track $index) {
+        @for (cell of row; track $index) {
+          <div class="text-center">{{ cell }}</div>
+        }
+      }
     </div>
 
     <div [ngClass]="slotResult().status === 'win' ? 'text-green-500' : 'text-red-500'">