✨ Added the quotes on a character page

pages/character/character.go

@@ -36,6 +36,13 @@ func Get(ctx *aero.Context) string {
 		return characterAnime[i].StartDate < characterAnime[j].StartDate
 	})
 
+	// Quotes
+	quotes := arn.FilterQuotes(func(quote *arn.Quote) bool {
+		return !quote.IsDraft && len(quote.Description) > 0 && quote.CharacterId == character.ID
+	})
+
+	arn.SortQuotesPopularFirst(quotes)
+
 	// Set OpenGraph attributes
 	description := character.Description
 
@@ -61,5 +68,5 @@ func Get(ctx *aero.Context) string {
 		},
 	}
 
-	return ctx.HTML(components.CharacterDetails(character, characterAnime, user))
+	return ctx.HTML(components.CharacterDetails(character, characterAnime, quotes, user))
 }

pages/character/character.pixy

@@ -1,4 +1,4 @@
-component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime, user *arn.User)
+component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime, quotes []*arn.Quote, user *arn.User)
 	.character-page
 		.character-left-column
 			.character-header
@@ -15,6 +15,10 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
 						each anime in characterAnime
 							a.character-anime-item.ajax(href=anime.Link(), title=anime.Title.ByUser(user))
 								img.character-anime-item-image.lazy(data-src=anime.Image("small"), data-webp="true", alt=anime.Title.ByUser(user))
+					h3 Quotes
+					.character-quotes
+						each quote in quotes
+							Quote(quote)
 
 		if len(character.Attributes) > 0
 			.character-sidebar

pages/character/character.scarlet

@@ -41,6 +41,16 @@
 .character-anime-item-image
 	anime-mini-item-image
 
+.character-quotes
+	horizontal-wrap
+	justify-content space-around
+
+	.quote
+		flex-basis 400px !important
+
+		footer
+			display none !important
+
 > 1250px
 	.character-page
 		horizontal