diff --git a/frontend/src/pages/pc/public/TrackDetail.jsx b/frontend/src/pages/pc/public/TrackDetail.jsx index bf6d184..0d7204e 100644 --- a/frontend/src/pages/pc/public/TrackDetail.jsx +++ b/frontend/src/pages/pc/public/TrackDetail.jsx @@ -2,7 +2,7 @@ import { useState, useMemo } from 'react'; import { useParams, useNavigate, Link } from 'react-router-dom'; import { useQuery } from '@tanstack/react-query'; import { motion } from 'framer-motion'; -import { Clock, User, Music, Mic2, Play, ExternalLink, ChevronRight } from 'lucide-react'; +import { Clock, User, Music, Mic2, ChevronRight } from 'lucide-react'; import { getTrack } from '../../../api/public/albums'; // 유튜브 URL에서 비디오 ID 추출 @@ -85,19 +85,18 @@ function TrackDetail() { {/* 트랙 정보 헤더 */} -
+
{/* 앨범 커버 */} navigate(`/album/${encodeURIComponent(track.album?.title || albumName)}`)} + className="w-48 h-48 rounded-2xl overflow-hidden shadow-lg flex-shrink-0" > {track.album?.title} @@ -119,22 +118,14 @@ function TrackDetail() {
-

{track.title}

+

{track.title}

- {/* 앨범 정보 */} + {/* 앨범 정보 (텍스트만) */} - -
-

{track.album?.album_type}

-

{track.album?.title}

-
+ {track.album?.album_type} · {track.album?.title} {/* 재생 시간 */} @@ -289,7 +280,7 @@ function TrackDetail() { 가사 {track.lyrics ? ( -
+
{track.lyrics}
) : (