Merge pull request #26 from GihoKo/llt-23

[Llt-23] 채널에서 다른 채널에 옮길때 플레이리스트가 안불러와지는 버그 수정
GihoKo · Aug 1, 2024 · 78d5f71 · 78d5f71
2 parents 28ae145 + ce84997
commit 78d5f71
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/apis/services/channel.ts b/src/apis/services/channel.ts
@@ -13,7 +13,6 @@ export const getAllchannelLists = async () => {
 export const getChannelById = async (channelId: string | undefined) => {
   try {
     const response = await axiosInstanceWithToken.get(`/channels/${channelId}`);
-    console.log('response:', response.data);
     return response.data;
   } catch (error) {
     console.error(error);

diff --git a/src/apis/services/user.ts b/src/apis/services/user.ts
@@ -16,7 +16,6 @@ export const updateUser = async (userId: string | undefined, user: FormData) =>
 export const getMyChannelList = async (userId: string | undefined) => {
   try {
     const response = await axiosInstanceWithToken.get(`/users/myChannels/${userId}`);
-    console.log(response.data);
     return response.data;
   } catch (error) {
     console.error(error);

diff --git a/src/pages/Main/Channel/Channel.hook.tsx b/src/pages/Main/Channel/Channel.hook.tsx
@@ -13,7 +13,7 @@ export default function useChannel() {
   const { setChannelId } = useChannelIdStore();
   const [musicList, setMusicList] = useState<Music[]>([]);
   const { music: currentMusic, setMusic, resetMusic } = useMusicStore();
-  const { data, isLoading, isError } = useGetMusicsByChannelId(channelId);
+  const { data: musicListData, isLoading, isError, refetch } = useGetMusicsByChannelId(channelId);
   const [personalTap, setPersonalTap] = useState([
     { name: 'Player', value: 0, isFocused: false },
     { name: 'List', value: 1, isFocused: true },
@@ -49,15 +49,17 @@ export default function useChannel() {
   };
 
   useEffect(() => {
-    if (data) {
-      setMusicList(data);
-      setChannelId(channelId);
+    if (channelId) {
+      refetch();
     }
+  }, [refetch, channelId]);
 
-    return () => {
-      resetMusic();
-    };
-  }, [data, channelId]);
+  useEffect(() => {
+    if (musicListData) {
+      setMusicList(musicListData);
+      setChannelId(channelId);
+    }
+  }, [musicListData]);
 
   return {
     musicList,