diff --git a/apps/web/src/app/api/search/route.ts b/apps/web/src/app/api/search/route.ts index 9cf28812..e0dd9fac 100644 --- a/apps/web/src/app/api/search/route.ts +++ b/apps/web/src/app/api/search/route.ts @@ -179,6 +179,8 @@ export async function GET(request: Request): Promise>> { id, title, artist, + title_ko, + artist_ko, num_tj, num_ky ) diff --git a/apps/web/src/app/recent/RecentSongCard.tsx b/apps/web/src/app/recent/RecentSongCard.tsx index 32f18bbf..e5a4756c 100644 --- a/apps/web/src/app/recent/RecentSongCard.tsx +++ b/apps/web/src/app/recent/RecentSongCard.tsx @@ -3,7 +3,7 @@ import { Separator } from '@/components/ui/separator'; import { Song } from '@/types/song'; export default function RecentSongCard({ song }: { song: Song }) { - const { title, artist, num_tj, num_ky } = song; + const { title, artist, title_ko, artist_ko, num_tj, num_ky } = song; return (
@@ -11,9 +11,15 @@ export default function RecentSongCard({ song }: { song: Song }) {
{/* 제목 및 가수 */}
-
+
{title} + {title_ko && title_ko !== title && ( + {title_ko} + )} {artist} + {artist_ko && artist_ko !== artist && ( + {artist_ko} + )}
diff --git a/apps/web/src/app/search/SearchResultCard.tsx b/apps/web/src/app/search/SearchResultCard.tsx index 08748837..9b7fd491 100644 --- a/apps/web/src/app/search/SearchResultCard.tsx +++ b/apps/web/src/app/search/SearchResultCard.tsx @@ -42,7 +42,7 @@ export default function SearchResultCard({ onClickSave, onClickArtist, }: IProps) { - const { id, title, artist, num_tj, num_ky, thumb } = song; + const { id, title, artist, title_ko, artist_ko, num_tj, num_ky, thumb } = song; const { isAuthenticated } = useAuthStore(); @@ -62,17 +62,23 @@ export default function SearchResultCard({ {/* 메인 콘텐츠 영역 */}
{/* 노래 정보 */} -
+
{/* 제목 및 가수 */}
-
+
{title} + {title_ko && title_ko !== title && ( + {title_ko} + )} {artist} + {artist_ko && artist_ko !== artist && ( + {artist_ko} + )}
diff --git a/apps/web/src/app/tosing/SongCard.tsx b/apps/web/src/app/tosing/SongCard.tsx index 74f051b5..1891dbf4 100644 --- a/apps/web/src/app/tosing/SongCard.tsx +++ b/apps/web/src/app/tosing/SongCard.tsx @@ -21,7 +21,8 @@ export default function SongCard({ song, onDelete, onMoveToTop, onMoveToBottom } id: song.id, }); - const { title, artist, num_tj, num_ky } = song; + const { title, artist, title_ko, artist_ko, num_tj, num_ky } = song; + const style = { transform: CSS.Transform.toString(transform), transition, @@ -30,13 +31,19 @@ export default function SongCard({ song, onDelete, onMoveToTop, onMoveToBottom } return ( {/* 메인 콘텐츠 영역 */} -
+
{/* 노래 정보 */} -
+
{/* 제목 및 가수 */} -
+
{title} + {title_ko && title_ko !== title && ( + {title_ko} + )} {artist} + {artist_ko && artist_ko !== artist && ( + {artist_ko} + )}
{/* 노래방 번호 */} diff --git a/apps/web/src/types/song.ts b/apps/web/src/types/song.ts index de91bbca..e7624e63 100644 --- a/apps/web/src/types/song.ts +++ b/apps/web/src/types/song.ts @@ -2,6 +2,9 @@ export interface Song { id: string; title: string; artist: string; + title_ko?: string; + artist_ko?: string; + num_tj: string; num_ky: string;