From 84ed9e26cdeb7e02684f019ca7d07fef5286351e Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 22 Aug 2024 04:36:48 -0700
Subject: feat(settings): data saver

---
 src/lib/List/CleanGrid.svelte | 4 +++-
 src/lib/List/CleanList.svelte | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/lib/List')

diff --git a/src/lib/List/CleanGrid.svelte b/src/lib/List/CleanGrid.svelte
index bf5022f4..18ee51f6 100644
--- a/src/lib/List/CleanGrid.svelte
+++ b/src/lib/List/CleanGrid.svelte
@@ -46,7 +46,9 @@
 						>
 							<span class="cover-container">
 								<ParallaxImage
-									source={title.coverImage.extraLarge}
+									source={$settings.displayDataSaver
+										? title.coverImage.medium
+										: title.coverImage.extraLarge}
 									alternativeText="Cover"
 									limit={12.5}
 									classList={`cover${
diff --git a/src/lib/List/CleanList.svelte b/src/lib/List/CleanList.svelte
index e78f51ab..d07f45f1 100644
--- a/src/lib/List/CleanList.svelte
+++ b/src/lib/List/CleanList.svelte
@@ -21,7 +21,9 @@
 				<span class="content">
 					<LinkedTooltip
 						id={`${type}-${title.id}`}
-						content={`<img src="${title.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
+						content={`<img src="${
+							$settings.displayDataSaver ? title.coverImage.medium : title.coverImage.extraLarge
+						}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
 						pin={`${type}-${title.id}`}
 						pinPosition={type === 'anime' ? 'right' : 'left'}
 						disable={!$settings.displayHoverCover}
-- 
cgit v1.2.3