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}