feat(settings): toggle zero progress media

1 files changed, 12 insertions, 0 deletions

diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 087cc445..c3153700 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -7,6 +7,7 @@
 	import cacheMinutes from '../../stores/cacheMinutes';
 	import roundDownChapters from '../../stores/roundDownChapters';
 	import sortByDifference from '../../stores/sortByDifference';
+	import displayNotStarted from '../../stores/displayNotStarted';
 
 	export let data;
 
@@ -58,6 +59,17 @@
 			<a
 				href="#"
 				on:click={() =>
+					$displayNotStarted === 'true'
+						? displayNotStarted.set('false')
+						: displayNotStarted.set('true')}
+				>{$displayNotStarted === 'true' ? 'Hide' : 'Show'} media with zero progress</a
+			>
+			<small style="opacity: 50%;">Displays unresolved chapter counts as "?"</small>
+		</li>
+		<li>
+			<a
+				href="#"
+				on:click={() =>
 					$roundDownChapters === 'true'
 						? roundDownChapters.set('false')
 						: roundDownChapters.set('true')}