Files
mal/web/components/anime/relations.templ

33 lines
832 B
Plaintext

package anime
import (
"mal/integrations/jikan"
ui "mal/web/components"
)
templ RelationsList(relations []jikan.RelationEntry) {
if len(relations) > 1 {
<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-6" id="relations-grid">
for _, rel := range relations {
@ui.AnimeCard(ui.AnimeCardProps{
ID: rel.Anime.MalID,
Title: rel.Anime.DisplayTitle(),
ImageURL: rel.Anime.ImageURL(),
CurrentNode: rel.IsCurrent,
}) {
if rel.IsCurrent {
<div class="mt-2 h-0.5 w-10 bg-white"></div>
}
if rel.Relation != "" && rel.Relation != "Current" {
<div class="mt-1 text-xs text-(--text-faint)">{ rel.Relation }</div>
}
}
}
</div>
} else {
<p class="text-sm text-(--text-muted)">No related anime found.</p>
}
}