From 914623a2fc0804fd74b72cbddbe0d44d07a9e4ce Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 5 Nov 2023 17:53:07 -0800
Subject: feat(manga): display out-of-date volumes

---
 src/lib/List/CleanMangaList.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'src/lib/List/CleanMangaList.svelte')

diff --git a/src/lib/List/CleanMangaList.svelte b/src/lib/List/CleanMangaList.svelte
index f85cc47b..a046ecc0 100644
--- a/src/lib/List/CleanMangaList.svelte
+++ b/src/lib/List/CleanMangaList.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { Media } from '$lib/AniList/media';
+	import { volumeCount } from '$lib/Media/manga';
 	import settings from '../../stores/settings';
 	import ListTitle from './ListTitle.svelte';
 
@@ -66,6 +67,14 @@
 			</a>
 			{#if due || manga.episodes !== manga.chapters}
 				[{manga.episodes || '?'}]
+				{#await volumeCount(manga) then volumes}
+					{@const volumeProgress = manga.mediaListEntry?.progressVolumes}
+					{#if volumes !== null && (volumeProgress || 0) < volumes}
+						<span style="color: lightcoral;">
+							Vol. {volumeProgress} &#8594; {volumes}
+						</span>
+					{/if}
+				{/await}
 			{/if}
 		</li>
 	{/each}
-- 
cgit v1.2.3