diff options
| author | Fuwn <[email protected]> | 2023-10-04 17:54:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-10-04 17:54:20 -0700 |
| commit | 6dcdb21d775e91e78c1ad06b15a9de206d91c05d (patch) | |
| tree | 725e65c12514a993487cc606bb7345ac5fc07d0c /src/lib/List/CleanMangaList.svelte | |
| parent | fix(html): use name for meta description (diff) | |
| download | due.moe-6dcdb21d775e91e78c1ad06b15a9de206d91c05d.tar.xz due.moe-6dcdb21d775e91e78c1ad06b15a9de206d91c05d.zip | |
feat(manga): instantly reactive increment
Diffstat (limited to 'src/lib/List/CleanMangaList.svelte')
| -rw-r--r-- | src/lib/List/CleanMangaList.svelte | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/lib/List/CleanMangaList.svelte b/src/lib/List/CleanMangaList.svelte index 7d44732a..903fed5d 100644 --- a/src/lib/List/CleanMangaList.svelte +++ b/src/lib/List/CleanMangaList.svelte @@ -12,6 +12,7 @@ media: Media[] ) => Promise<void>; export let disableIncrement = false; + export let pendingUpdate: boolean; </script> <ListTitle count={media.length} time={endTime / 1000}> @@ -26,6 +27,8 @@ <ul> {#each media as manga} + {@const progress = (manga.mediaListEntry || { progress: 0 }).progress} + <li> <a href={`https://anilist.co/manga/${manga.id}`} target="_blank"> {#if lastUpdatedMedia === manga.id} @@ -37,7 +40,7 @@ {/if} </a> <span style="opacity: 50%;">|</span> - {(manga.mediaListEntry || { progress: 0 }).progress} + {pendingUpdate ? progress + 1 : progress} <a href={'#'} style={disableIncrement ? 'pointer-events: none; opacity: 50%;' : ''} |