모바일 곡 상세: 수록곡 섹션 제거

This commit is contained in:
caadiq 2026-01-12 18:49:45 +09:00
parent e5d403655e
commit 5d4c2f32fc

View file

@ -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>
); );
} }