From 4dafa2f427d8b3622319f41c44f83a81b81daea3 Mon Sep 17 00:00:00 2001 From: MerlinScheurer Date: Sat, 1 Feb 2025 13:53:04 +0100 Subject: [PATCH] Fix only refresh video resposne once --- frontend/src/pages/Video.tsx | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/frontend/src/pages/Video.tsx b/frontend/src/pages/Video.tsx index 48250db1..1e9f1b5b 100644 --- a/frontend/src/pages/Video.tsx +++ b/frontend/src/pages/Video.tsx @@ -142,19 +142,22 @@ const Video = () => { useEffect(() => { (async () => { - const videoResponse = await loadVideoById(videoId); - const simmilarVideosResponse = await loadSimmilarVideosById(videoId); - const customPlaylistsResponse = await loadPlaylistList({ type: 'custom' }); - const commentsResponse = await loadCommentsbyVideoId(videoId); - const videoNavResponse = await loadVideoNav(videoId); + if (refreshVideoList || videoId !== videoResponse?.data?.youtube_id) { + const videoByIdResponse = await loadVideoById(videoId); + const simmilarVideosResponse = await loadSimmilarVideosById(videoId); + const customPlaylistsResponse = await loadPlaylistList({ type: 'custom' }); + const commentsResponse = await loadCommentsbyVideoId(videoId); + const videoNavResponse = await loadVideoNav(videoId); - setVideoResponse(videoResponse); - setSimmilarVideos(simmilarVideosResponse); - setVideoPlaylistNav(videoNavResponse); - setCustomPlaylistsResponse(customPlaylistsResponse); - setCommentsResponse(commentsResponse); - setRefreshVideoList(false); + setVideoResponse(videoByIdResponse); + setSimmilarVideos(simmilarVideosResponse); + setVideoPlaylistNav(videoNavResponse); + setCustomPlaylistsResponse(customPlaylistsResponse); + setCommentsResponse(commentsResponse); + setRefreshVideoList(false); + } })(); + // eslint-disable-next-line react-hooks/exhaustive-deps }, [videoId, refreshVideoList]); useEffect(() => {