Merge pull request #112 from dnd-side-project/feat/#111/home-ui

[feat] 홈페이지, 나의 CD UI 변경사항 반영

Author: maylh

src/assets/icons/icn_cta_arrow.svg

@@ -47,3 +47,5 @@ export { default as BgCd } from './icn_bg_cd.svg?react'
 export { default as BgHeadphone } from './icn_bg_headphone.svg?react'
 export { default as BgMusic } from './icn_bg_music.svg?react'
 export { default as Volume } from './icn_volume.svg?react'
+export { default as CtaArrow } from './icn_cta_arrow.svg?react'
+export { default as LikeStroke } from './icn_like_stroke.svg?react'

src/assets/icons/icn_like_stroke.svg

@@ -13,3 +13,4 @@ export { default as LogoHologram } from './img_logo_hologram.png'
 export { default as OpacityCharacterBlue } from './img_opacity_character_blue.png'
 export { default as OpacityCharacterPink } from './img_opacity_character_pink.png'
 export { default as OpacityMusic } from './img_opacity_music.png'
+export { default as HomeCharacter } from './img_character_home.png'

src/assets/icons/icn_next.svg

@@ -69,3 +69,8 @@ export const getPlaylistViewCounts = (playlistId: number) => {
 export const getMyRepresentativePlaylist = () => {
   return api.get<MyRepresentResponse>('/main/playlist/mypage/me/representative')
 }
+
+// 좋아요한 플레이리스트 조회
+export const getMyLikedCdList = (sort: string) => {
+  return api.get<MyCdListResponse>(`/main/playlist/mypage/me/likes?sort=${sort}`)
+}

src/assets/icons/icn_prev.svg

@@ -8,6 +8,7 @@ import {
   deleteMyPagePlaylist,
   setPrimaryPlaylist,
   getMyRepresentativePlaylist,
+  getMyLikedCdList,
 } from '@/entities/playlist/api/playlist'
 
 export const useMyCdList = (sort: string) => {
@@ -75,3 +76,11 @@ export const useMyRepresentativePlaylist = () => {
     queryFn: () => getMyRepresentativePlaylist(),
   })
 }
+
+export const useMyLikedCdList = (sort: string) => {
+  return useQuery({
+    queryKey: ['myLikedCdList', sort],
+    queryFn: () => getMyLikedCdList(sort),
+    refetchOnMount: 'always',
+  })
+}