update

internal/v3/ui/assets/style.css

@@ -20,3 +20,21 @@ body {
   align-items: center;
   justify-content: center;
 }
+
+.search {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+input {
+  width: 100%;
+  padding: 5px;
+}
+
+table {
+  width: 100%;
+  font-size: 2rem;
+  text-align: center;
+}

internal/v3/ui/handlers/default.go

@@ -8,7 +8,6 @@ import (
 	"github.com/dadav/gorge/internal/log"
 	"github.com/dadav/gorge/internal/v3/backend"
 	"github.com/dadav/gorge/internal/v3/ui"
-	gen "github.com/dadav/gorge/pkg/gen/v3/openapi"
 	"github.com/go-chi/chi/v5"
 )
 
@@ -43,19 +42,9 @@ func (g *GorgeService) SearchHandler(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	matching := []*gen.Module{}
-
 	for _, module := range modules {
-		if strings.Contains(module.Name, query) {
-			matching = append(matching, module)
-		}
-	}
-
-	if len(matching) > 0 {
-		for _, foo := range matching {
-			ui.ModuleToTableRow(foo.Name, foo.Owner.Username, foo.CurrentRelease.Version).Render(context.Background(), w)
+		if strings.Contains(module.Name, query) || strings.Contains(module.Owner.Username, query) || strings.Contains(module.CurrentRelease.Version, query) {
+			ui.ModuleToTableRow(module.Name, module.Owner.Username, module.CurrentRelease.Version).Render(context.Background(), w)
 		}
-	} else {
-		log.Log.Info("Nothing found")
 	}
 }

internal/v3/ui/index.templ

@@ -5,17 +5,17 @@ import "github.com/dadav/gorge/internal/v3/ui/components"
 templ body() {
 	<div class="main">
 		<div class="search">
-			<img src="/assets/logo.png" width="300"/>
+			<img id="logo" src="/assets/logo.png" width="300"/>
+			<br/>
 			<input
 				class="form-control"
 				type="search"
 				name="search"
-				placeholder="..."
+				placeholder="Name, author, version..."
 				hx-get="/search"
 				hx-params="*"
-				hx-trigger="input changed delay:500ms, search"
+				hx-trigger="input changed delay:500ms, search, load"
 				hx-target="#search-results"
-				hx-indicator=".htmx-indicator"
 			/>
 			<table class="table">
 				<thead>