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

ui: extract infinite anime list and catalog item to shared ui component

Browse Source
This commit is contained in:
mkelvers
2026-04-08 18:08:37 +02:00
parent dfb61bfe8c
commit 0f338ba9ee
4 changed files with 55 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
internal/templates/discovery.templ
View File

@@ -1,6 +1,7 @@
package templates
import "mal/internal/jikan"
import "mal/internal/shared/ui"
import "fmt"
templ Discover() {
@@ -27,11 +28,8 @@ templ Discover() {
</button>
</div>
<div class="catalog-grid" id="discover-content" hx-get="/api/discover/airing?page=1" hx-trigger="load">
<div class="loading-indicator" style="grid-column: 1 / -1;">
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<span>Loading discover</span>
<div style="grid-column: 1 / -1;">
@ui.LoadingIndicator("Loading discover")
</div>
</div>
</div>
@@ -39,5 +37,5 @@ templ Discover() {
}
templ DiscoverItems(animes []jikan.Anime, listType string, nextPage int, hasNext bool) {
@InfiniteAnimeList(animes, hasNext, string(templ.URL(fmt.Sprintf("/api/discover/%s?page=%d", listType, nextPage))), "discover-content")
@ui.InfiniteAnimeList(animes, hasNext, string(templ.URL(fmt.Sprintf("/api/discover/%s?page=%d", listType, nextPage))), "discover-content")
}