모바일 곡 상세: 수록곡 섹션 제거
This commit is contained in:
parent
e5d403655e
commit
5d4c2f32fc
1 changed files with 0 additions and 65 deletions
|
|
@ -227,71 +227,6 @@ function TrackDetail() {
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 수록곡 */}
|
|
||||||
<motion.div
|
|
||||||
initial={{ opacity: 0, y: 10 }}
|
|
||||||
animate={{ opacity: 1, y: 0 }}
|
|
||||||
transition={{ delay: 0.25, duration: 0.3 }}
|
|
||||||
className="px-4"
|
|
||||||
>
|
|
||||||
<h2 className="text-base font-bold mb-3 flex items-center gap-2">
|
|
||||||
<div className="w-1 h-4 bg-primary rounded-full"></div>
|
|
||||||
수록곡
|
|
||||||
</h2>
|
|
||||||
<div className="bg-gray-50 rounded-xl overflow-hidden">
|
|
||||||
{track.otherTracks?.map((t, index) => {
|
|
||||||
const isCurrent = t.title === track.title;
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
key={t.id}
|
|
||||||
to={`/album/${encodeURIComponent(track.album?.title || albumName)}/track/${encodeURIComponent(t.title)}`}
|
|
||||||
className={`flex items-center gap-3 px-4 py-3 transition-colors ${
|
|
||||||
isCurrent
|
|
||||||
? 'bg-primary text-white'
|
|
||||||
: 'active:bg-gray-100'
|
|
||||||
} ${index !== 0 ? 'border-t border-gray-100' : ''}`}
|
|
||||||
>
|
|
||||||
{/* 트랙 번호 / 재생 아이콘 */}
|
|
||||||
<div className={`w-5 text-center text-xs ${
|
|
||||||
isCurrent ? 'text-white/80' : 'text-gray-400'
|
|
||||||
}`}>
|
|
||||||
{isCurrent ? (
|
|
||||||
<Music size={14} className="mx-auto text-white" />
|
|
||||||
) : (
|
|
||||||
String(t.track_number).padStart(2, '0')
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 곡 제목 + 타이틀 배지 */}
|
|
||||||
<div className="flex-1 flex items-center gap-2 min-w-0">
|
|
||||||
<span className={`text-sm truncate ${
|
|
||||||
isCurrent ? 'font-semibold' : ''
|
|
||||||
}`}>
|
|
||||||
{t.title}
|
|
||||||
</span>
|
|
||||||
{t.is_title_track === 1 && (
|
|
||||||
<span className={`px-1.5 py-0.5 text-[9px] font-bold rounded-full flex-shrink-0 ${
|
|
||||||
isCurrent
|
|
||||||
? 'bg-white/20 text-white'
|
|
||||||
: 'bg-primary/10 text-primary'
|
|
||||||
}`}>
|
|
||||||
TITLE
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* 재생 시간 */}
|
|
||||||
<span className={`text-xs ${
|
|
||||||
isCurrent ? 'text-white/70' : 'text-gray-400'
|
|
||||||
}`}>
|
|
||||||
{t.duration || ''}
|
|
||||||
</span>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
</motion.div>
|
</motion.div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue