chore: use proper casing
This commit is contained in:
@@ -12,13 +12,13 @@ type WatchingAnimeWithDetails struct {
|
||||
templ Notifications(watching []WatchingAnimeWithDetails) {
|
||||
@Layout("mal - notifications") {
|
||||
<div class="notifications-page">
|
||||
<h1>airing shows (tracking)</h1>
|
||||
<p class="notifications-subtitle">shows you're currently watching or planning to watch</p>
|
||||
<h1>Airing shows (tracking)</h1>
|
||||
<p class="notifications-subtitle">Shows you're currently watching or planning to watch.</p>
|
||||
|
||||
if len(watching) == 0 {
|
||||
<div class="no-notifications">
|
||||
<p>no airing anime in your watching list</p>
|
||||
<p class="hint">add currently airing shows to your watching list to see upcoming episodes here</p>
|
||||
<p>No airing anime in your watching list.</p>
|
||||
<p class="hint">Add currently airing shows to your watching list to see upcoming episodes here.</p>
|
||||
</div>
|
||||
} else {
|
||||
<div class="notifications-list">
|
||||
@@ -28,13 +28,13 @@ templ Notifications(watching []WatchingAnimeWithDetails) {
|
||||
</div>
|
||||
}
|
||||
|
||||
<h1 style="margin-top: var(--space-2xl);">discovered sequels</h1>
|
||||
<p class="notifications-subtitle">because you've watched prequels</p>
|
||||
<h1 style="margin-top: var(--space-2xl);">Discovered sequels</h1>
|
||||
<p class="notifications-subtitle">Because you've watched prequels.</p>
|
||||
|
||||
<div hx-get="/notifications/upcoming" hx-trigger="load, every 15s" hx-swap="innerHTML">
|
||||
<div class="loading-indicator">
|
||||
<div class="loading-dot"></div><div class="loading-dot"></div><div class="loading-dot"></div>
|
||||
<span>syncing sequel graphs...</span>
|
||||
<span>Syncing sequel graphs...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -55,8 +55,8 @@ func splitUpcomingSeasons(items []database.GetUpcomingSeasonsRow) (airing []data
|
||||
templ UpcomingSeasonsList(upcomingSeasons []database.GetUpcomingSeasonsRow) {
|
||||
if len(upcomingSeasons) == 0 {
|
||||
<div class="no-notifications">
|
||||
<p>no upcoming seasons for anime you've watched</p>
|
||||
<p class="hint">as you watch more shows, new seasons will appear here</p>
|
||||
<p>No upcoming seasons for anime you've watched.</p>
|
||||
<p class="hint">As you watch more shows, new seasons will appear here.</p>
|
||||
</div>
|
||||
} else {
|
||||
@renderSplitSeasons(upcomingSeasons)
|
||||
@@ -66,7 +66,7 @@ templ UpcomingSeasonsList(upcomingSeasons []database.GetUpcomingSeasonsRow) {
|
||||
templ renderSplitSeasons(upcomingSeasons []database.GetUpcomingSeasonsRow) {
|
||||
if airing, upcoming := splitUpcomingSeasons(upcomingSeasons); true {
|
||||
if len(airing) > 0 {
|
||||
<h2 style="font-size: var(--text-md); margin-bottom: var(--space-md); color: var(--text-muted);">airing now (not tracked)</h2>
|
||||
<h2 style="font-size: var(--text-md); margin-bottom: var(--space-md); color: var(--text-muted);">Airing now (not tracked)</h2>
|
||||
<div class="notifications-list" style="margin-bottom: var(--space-xl);">
|
||||
for _, item := range airing {
|
||||
@UpcomingSeasonCard(item)
|
||||
@@ -75,7 +75,7 @@ templ renderSplitSeasons(upcomingSeasons []database.GetUpcomingSeasonsRow) {
|
||||
}
|
||||
|
||||
if len(upcoming) > 0 {
|
||||
<h2 style="font-size: var(--text-md); margin-bottom: var(--space-md); color: var(--text-muted);">announced & upcoming</h2>
|
||||
<h2 style="font-size: var(--text-md); margin-bottom: var(--space-md); color: var(--text-muted);">Announced & upcoming</h2>
|
||||
<div class="notifications-list">
|
||||
for _, item := range upcoming {
|
||||
@UpcomingSeasonCard(item)
|
||||
@@ -91,7 +91,7 @@ templ UpcomingSeasonCard(item database.GetUpcomingSeasonsRow) {
|
||||
if item.ImageUrl != "" {
|
||||
<img src={ item.ImageUrl } alt={ displaySeasonTitle(item) } loading="lazy"/>
|
||||
} else {
|
||||
<div class="no-image">no image</div>
|
||||
<div class="no-image">No image</div>
|
||||
}
|
||||
</div>
|
||||
<div class="notification-content">
|
||||
@@ -99,7 +99,7 @@ templ UpcomingSeasonCard(item database.GetUpcomingSeasonsRow) {
|
||||
{ displaySeasonTitle(item) }
|
||||
</div>
|
||||
<div class="notification-meta">
|
||||
<span class="notification-broadcast" style="color: var(--text-muted) !important;">because you watched { item.PrequelTitle }</span>
|
||||
<span class="notification-broadcast" style="color: var(--text-muted) !important;">Because you watched { item.PrequelTitle }</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -121,7 +121,7 @@ templ NotificationCard(item WatchingAnimeWithDetails) {
|
||||
if item.Entry.ImageUrl != "" {
|
||||
<img src={ item.Entry.ImageUrl } alt={ displayTitle(item.Entry) } loading="lazy"/>
|
||||
} else {
|
||||
<div class="no-image">no image</div>
|
||||
<div class="no-image">No image</div>
|
||||
}
|
||||
</div>
|
||||
<div class="notification-content">
|
||||
|
||||
Reference in New Issue
Block a user