From 838fc29b519211189ead3fbb1d6db0016a42e229 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Tue, 25 Mar 2025 21:43:49 +0100
Subject: [PATCH] Filter servers by city by adding functionality to buttons
 under city cards.

---
 ServerManagement/Components/Pages/Servers.razor | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index c0e616f..c71c984 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -16,7 +16,7 @@
       <div class="card">
         <img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
         <div class="card-body">
-          <button class="btn btn-primary">@city</button>
+          <button class="btn btn-primary" @onclick="@(() => { SelectCity(city); })">@city</button>
         </div>
       </div>
     </div>
@@ -54,6 +54,7 @@
 @code {
   private List<string> cities = ServersRepository.GetCities();
   private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven");
+  private string selectedCity = "Eindhoven";
 
   private void DeleteServer(int serverId)
   {
@@ -63,4 +64,10 @@
       NavigationManager.Refresh();
     }
   }
+
+  private void SelectCity(string cityName)
+  {
+    this.selectedCity = cityName;
+    this.servers = ServersRepository.GetServersByCity(this.selectedCity);
+  }
 }
\ No newline at end of file