melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: extract empty state component

Browse Source
This commit is contained in:
mkelvers
2026-04-08 18:07:17 +02:00
parent 8cc07dfadd
commit dfb61bfe8c
3 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
internal/templates/index.templ
View File

@@ -15,20 +15,18 @@ templ Search(q string) {
</div>
<div id="results" hx-get={ string(templ.URL("/search?q=" + url.QueryEscape(q))) } hx-trigger="load" hx-indicator="#loading"></div>
} else {
<div class="empty-state">
<div class="empty-state-title">Search for anime</div>
<div class="empty-state-text">Use the search bar above to find anime to add to your watchlist.</div>
</div>
@ui.EmptyState("Search for anime") {
Use the search bar above to find anime to add to your watchlist.
}
}
}
}
templ SearchResultsWrapper(query string, animes []jikan.Anime, nextPage int, hasNext bool) {
if len(animes) == 0 {
<div class="empty-state">
<div class="empty-state-title">No results found.</div>
<div class="empty-state-text">Try a different search term.</div>
</div>
@ui.EmptyState("No results found.") {
Try a different search term.
}
} else {
<div class="catalog-grid">
@SearchItems(query, animes, nextPage, hasNext)