diff --git a/materialious/src/lib/filtering/index.ts b/materialious/src/lib/filtering/index.ts
index 450ea516..425a0211 100644
--- a/materialious/src/lib/filtering/index.ts
+++ b/materialious/src/lib/filtering/index.ts
@@ -51,6 +51,7 @@ const zFilterRootSchema = z.object({
});
export function isItemFiltered(item: FeedItem): boolean {
+ console.log(item);
const filteredContent = get(filterContentListStore);
if (!filteredContent) return false;
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index d212beae..71055fe0 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -22,7 +22,8 @@
playerTheatreModeByDefaultStore,
playerTheatreModeIsActive,
playlistCacheStore,
- type PlayerState
+ type PlayerState,
+ filterContentListStore
} from '$lib/store';
import ui from 'beercss';
import { onDestroy, onMount, tick } from 'svelte';
@@ -38,7 +39,7 @@
import { page } from '$app/state';
import Share from '$lib/components/Share.svelte';
import Playlist from '$lib/components/watch/Playlist.svelte';
- import { isItemFiltered } from '$lib/filtering/index.js';
+ import { isItemFiltered } from '$lib/filtering/index';
let { data = $bindable() } = $props();
@@ -461,15 +462,17 @@
{#if data.playlistId && data.playlistId in $playlistCacheStore}
{:else if data.video.recommendedVideos}
- {#each data.video.recommendedVideos as recommendedVideo (recommendedVideo.videoId)}
- {#if !isItemFiltered(recommendedVideo)}
-
- {#key recommendedVideo.videoId}
-
- {/key}
-
- {/if}
- {/each}
+ {#key $filterContentListStore?.length}
+ {#each data.video.recommendedVideos as recommendedVideo (recommendedVideo.videoId)}
+ {#if !isItemFiltered(recommendedVideo)}
+
+ {#key recommendedVideo.videoId}
+
+ {/key}
+
+ {/if}
+ {/each}
+ {/key}
{/if}
{/if}