Remove @ + Add OnButtonClicked methods

WF-WebAdmin/WF-WebAdmin/Pages/ValidQuiz.razor

@@ -27,7 +27,7 @@ else
         </tr>
         </thead>
         <tbody>
-        @foreach (Quiz quiz in quizzes)
+        @foreach (var quiz in quizzes)
         {
             <tr>
                 <td>@quiz.Id</td>
@@ -39,10 +39,10 @@ else
                 <td>@quiz.CAnswer</td>
                 <td>@quiz.UserProposition</td>
                 <div class="boutons">
-                    <button style="background-color: darkseagreen" @onclick="() => ValidateQuiz(@quiz)">
+                    <button style="background-color: darkseagreen" @onclick="() => OnValidButton(quiz)">
                         <img alt="validate" src="check.png"/>
                     </button>
-                    <button style="background-color: indianred" @onclick="() => RejectQuiz(@quiz)">
+                    <button style="background-color: indianred" @onclick="() => OnRejectButton(quiz)">
                         <img alt="reject" src="cross.png"/>
                     </button>
                 </div>

WF-WebAdmin/WF-WebAdmin/Pages/ValidQuiz.razor.cs

@@ -20,15 +20,23 @@ namespace WF_WebAdmin.Pages
             quizzes = await Http.GetFromJsonAsync<Quiz[]>($"{NavigationManager.BaseUri}fake-dataQuiz.json");
         }
 
+        private void OnValidButton(Quiz quiz)
+        {
+            ValidateQuiz(quiz);
+        }
+        
         private void ValidateQuiz(Quiz quiz)
         {
-            // Action to validate the quiz
             Console.WriteLine($"Quiz {quiz.Id} validated!");
         }
 
+        private void OnRejectButton(Quiz quiz)
+        {
+            RejectQuiz(quiz);
+        }
+
         private void RejectQuiz(Quiz quiz)
         {
-            // Action to reject the quiz
             Console.WriteLine($"Quiz {quiz.Id} rejected!");
         }
     }

WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css

@@ -128,10 +128,6 @@ table {
     width: 100%;
 }
 
-tr {
-    background-color: lightgrey;
-}
-
 td {
     padding: 10px 20px;
     border: none;