Merge pull request #50 from stephane-r/load-channels-videos

feat: load channel videos as playlist
stephane-r · Oct 17, 2023 · 7b103ba · 7b103ba
2 parents bcd986a + 824e814
commit 7b103ba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/hooks/useResolveVideosPlaylist.ts b/src/hooks/useResolveVideosPlaylist.ts
@@ -28,6 +28,13 @@ export const useResolveVideosPlaylist = () => {
         videos = remotePlaylist.videos;
       }
     }
+    if (location.pathname.includes("/channels/")) {
+      const [, , authorId] = window.location.pathname.split("/");
+      const query = queryClient.getQueriesData(
+        `channels-${authorId}-videos-1`,
+      )[0][1] as { data: Video[] };
+      videos = query.data;
+    }
     if (location.pathname === "/favorites") {
       videos = getFavoritePlaylist().videos.filter(
         (video) => video.type === "video",

diff --git a/src/pages/ChannelDetail.tsx b/src/pages/ChannelDetail.tsx
@@ -118,7 +118,7 @@ const VideosTab = memo(() => {
 
   return (
     <PaginateDataList
-      queryKey={`channel-${authorId}-videos`}
+      queryKey={`channels-${authorId}-videos`}
       fetcher={() => getChannelVideos(authorId as string, continuation)}
       onSuccess={handleSuccess}
       hasNextPage={Boolean(continuation)}
@@ -136,7 +136,7 @@ const PlaylistsTab = memo(() => {
 
   return (
     <PaginateDataList
-      queryKey={`channel-${authorId}-playlists`}
+      queryKey={`channels-${authorId}-playlists`}
       fetcher={() => getChannelPlaylists(authorId as string, continuation)}
       onSuccess={handleSuccess}
       hasNextPage={Boolean(continuation)}