From a83c1057ba4d91b7fc8e287d07780f6c447d2e96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kaan=20C=CC=A7ak=C4=B1c=C4=B1?= <kcakici@magiclick.com>
Date: Sun, 27 Jul 2025 01:36:31 +0300
Subject: [PATCH] isUnderPowered condition added

---
 src/lib/components/EpisodesList.svelte         | 6 +++---
 src/routes/app/settings/interface/+page.svelte | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/EpisodesList.svelte b/src/lib/components/EpisodesList.svelte
index 54147ad..3cca7a0 100644
--- a/src/lib/components/EpisodesList.svelte
+++ b/src/lib/components/EpisodesList.svelte
@@ -3,7 +3,7 @@
   import ChevronRight from 'lucide-svelte/icons/chevron-right'
   import Play from 'lucide-svelte/icons/play'
 
-  import { settings } from '../modules/settings'
+  import { settings, SUPPORTS } from '../modules/settings'
 
   import Pagination from './Pagination.svelte'
   import { Button } from './ui/button'
@@ -65,10 +65,10 @@
             )}>
             {#if image}
               <div class='w-52 shrink-0 relative'>
-                {#if shouldHideSpoiler}
+                {#if shouldHideSpoiler && SUPPORTS.isUnderPowered}
                   <div class='h-full w-full aspect-video bg-gradient-to-br from-black via-neutral-900 to-neutral-800' />
                 {:else}
-                  <Load src={image} class={cn('object-cover h-full w-full', watched && 'opacity-20')} />
+                  <Load src={image} class={cn('object-cover h-full w-full', watched && 'opacity-20', shouldHideSpoiler && 'blur-md')} />
                 {/if}
                 {#if length ?? media.duration}
                   <div class='absolute bottom-1 left-1 bg-neutral-900/80 text-secondary-foreground text-[9.6px] px-1 py-0.5 rounded'>
diff --git a/src/routes/app/settings/interface/+page.svelte b/src/routes/app/settings/interface/+page.svelte
index adb1c48..cd2942c 100644
--- a/src/routes/app/settings/interface/+page.svelte
+++ b/src/routes/app/settings/interface/+page.svelte
@@ -59,7 +59,7 @@
   {:else}
     <div class='font-weight-bold text-xl font-bold'>UI Settings</div>
   {/if}
-  <SettingCard title='Hide Spoiler' description="Hide episodes' thumbnail image, title and summary." let:id>
+  <SettingCard title='Hide Spoilers' description='Hide potential spoilers such as thumbnail image, title and summary.' let:id>
     <Switch bind:checked={$settings.hideSpoiler} {id} />
   </SettingCard>
   <SettingCard title='UI Scale' description='Change the zoom level of the interface.' let:id>