diff --git a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte index 8d291b0a..4ef87838 100644 --- a/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte +++ b/materialious/src/lib/components/thumbnail/VideoThumbnail.svelte @@ -15,10 +15,10 @@ VideoBase, VideoWatchHistory } from '$lib/api/model'; - import { createVideoUrl } from '$lib/misc'; import type { PlayerEvents } from '$lib/player'; import { deArrowEnabledStore, + isAndroidTvStore, playerSavePlaybackPositionStore, playerState, rawMasterKeyStore, @@ -38,7 +38,14 @@ let { video = $bindable(), playlistId = '', sideways = $bindable(false) }: Props = $props(); - let watchUrl = createVideoUrl(video.videoId, playlistId); + const watchPath = resolve(`/${get(isAndroidTvStore) ? 'tv' : 'watch'}/[videoId]`, { + videoId: video.videoId + }); + const watchUrl = new URL(`${location.origin}${watchPath}`); + + if (playlistId !== '') { + watchUrl.searchParams.set('playlist', playlistId); + } let beenWatched: boolean = $state(false); diff --git a/materialious/src/lib/misc.ts b/materialious/src/lib/misc.ts index a704e9e0..6af2c587 100644 --- a/materialious/src/lib/misc.ts +++ b/materialious/src/lib/misc.ts @@ -178,19 +178,6 @@ export function expandSummery(id: string) { } } -export function createVideoUrl(videoId: string, playlistId: string): URL { - const watchPath = resolve(`/${get(isAndroidTvStore) ? 'tv' : 'watch'}/[videoId]`, { - videoId: videoId - }); - const watchUrl = new URL(`${location.origin}${watchPath}`); - - if (playlistId !== '') { - watchUrl.searchParams.set('playlist', playlistId); - } - - return watchUrl; -} - export function timeout(ms: number) { return new Promise((resolve) => setTimeout(resolve, ms)); }