feat(web): add mock remove server method

Author: 0xmad

internal/web/domain/server.go

@@ -1,6 +1,7 @@
 package domain
 
 type ServerItem struct {
+	ID string
 	Name string
 	IP   string
 }

internal/web/handlers/ui.go

@@ -32,14 +32,17 @@ func (h *UIHandler) serveIndex(w http.ResponseWriter, r *http.Request) {
 	err := templates.IndexPage(templates.IndexPageProps{
 		Servers: []domain.ServerItem{
 			{
+				ID: "1",
 				Name: "Server Alpha",
 				IP:   "192.168.1.10",
 			},
 			{
+				ID: "2",
 				Name: "Server Beta",
 				IP:   "192.168.1.11",
 			},
 			{
+				ID: "3",
 				Name: "Server Charlie",
 				IP:   "192.168.1.12",
 			},
@@ -67,7 +70,11 @@ func (h *UIHandler) serveSuccessPage(w http.ResponseWriter, r *http.Request) {
 	name := r.URL.Query().Get("name")
 	ip := r.URL.Query().Get("ip")
 
-	text := fmt.Sprintf("Successfully added server '%s' with IP %s.", name, ip)
+	var text string
+
+	if name != "" && ip != "" {
+		text = fmt.Sprintf("Successfully added server '%s' with IP %s.", name, ip)
+	}
 
 	err := templates.SuccessPage(templates.SuccessPageProps{Text: text}).Render(r.Context(), w)
 

internal/web/templates/blocks/servers.templ

@@ -68,7 +68,7 @@ templ Servers(servers []domain.ServerItem) {
 	<section class={ serverSection() }>
 		<div class={ serverSectionHeader() }>
 			<h2 class={ serverTitle() }>MCP servers</h2>
-			@components.Link(components.LinkProps{ Name: "Add server", Href: "/add" })
+			@components.Link(components.LinkProps{Name: "Add server", Href: "/add"})
 		</div>
 		<ul class={ serverList() } data-testid="servers">
 			for _, item := range servers {
@@ -84,6 +84,9 @@ templ Server(server domain.ServerItem) {
 			<strong class={ serverListItemName() }>{ server.Name }</strong>
 			<div class={ serverListItemIP() }>{ server.IP }</div>
 		</div>
-		@components.Button(components.ButtonProps{Label: "Remove", Type: "button", Class: serverListItemRemove()})
+		<form method="POST" action="/api/remove">
+			<input type="hidden" name="id" value={ server.ID }/>
+			@components.Button(components.ButtonProps{Label: "Remove", Type: "submit", Class: serverListItemRemove()})
+		</form>
 	</li>
 }