refactor(list): single increment implementation for type

1 files changed, 20 insertions, 33 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index d8ba4ef9..60d46a07 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -73,6 +73,24 @@
 	});
 
 	onDestroy(() => clearInterval(keyCacher));
+
+	const increment = (anime: Media, progress: number) => {
+		if (!dummy && pendingUpdate !== anime.id) {
+			$revalidateAnime = true;
+			lastUpdatedMedia = anime.id;
+			pendingUpdate = anime.id;
+
+			incrementMediaProgress(anime.id, anime.mediaListEntry?.progress, user, () => {
+				const mediaListEntry = media.find((m) => m.id === anime.id)?.mediaListEntry;
+
+				if (mediaListEntry) mediaListEntry.progress = progress + 1;
+
+				previousAnimeList = media;
+				animeLists = cleanCache(user, $identity);
+				pendingUpdate = null;
+			});
+		}
+	};
 </script>
 
 <ListTitle time={endTime / 1000} count={media.length} {title} hideTime={dummy} hideCount={dummy} />
@@ -91,23 +109,7 @@
 				<button
 					class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`}
 					style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''}
-					on:click={() => {
-						if (!dummy && pendingUpdate !== anime.id) {
-							$revalidateAnime = true;
-							lastUpdatedMedia = anime.id;
-							pendingUpdate = anime.id;
-
-							incrementMediaProgress(anime.id, anime.mediaListEntry?.progress, user, () => {
-								const mediaListEntry = media.find((m) => m.id === anime.id)?.mediaListEntry;
-
-								if (mediaListEntry) mediaListEntry.progress = progress + 1;
-
-								previousAnimeList = media;
-								animeLists = cleanCache(user, $identity);
-								pendingUpdate = null;
-							});
-						}
-					}}>+</button
+					on:click={() => increment(anime, progress)}>+</button
 				>
 				{#if !completed || dummy}
 					[{anime.nextAiringEpisode?.episode === -1
@@ -133,22 +135,7 @@
 				<button
 					class={`button-square button-action ${pendingUpdate === anime.id ? 'opaque' : ''}`}
 					style={pendingUpdate === anime.id ? 'pointer-events: none;' : ''}
-					on:click={() => {
-						if (!dummy && pendingUpdate !== anime.id) {
-							lastUpdatedMedia = anime.id;
-							pendingUpdate = anime.id;
-
-							incrementMediaProgress(anime.id, anime.mediaListEntry?.progress, user, () => {
-								const mediaListEntry = media.find((m) => m.id === anime.id)?.mediaListEntry;
-
-								if (mediaListEntry) mediaListEntry.progress = progress + 1;
-
-								previousAnimeList = media;
-								animeLists = cleanCache(user, $identity);
-								pendingUpdate = null;
-							});
-						}
-					}}>+</button
+					on:click={() => increment(anime, progress)}>+</button
 				>
 				{#if !completed}
 					[{anime.nextAiringEpisode?.episode === -1