diff --git a/backend/routes/albums.js b/backend/routes/albums.js index 20235fe..c5be16d 100644 --- a/backend/routes/albums.js +++ b/backend/routes/albums.js @@ -8,7 +8,7 @@ router.get("/", async (req, res) => { try { // 앨범 목록 조회 const [albums] = await pool.query( - "SELECT id, title, album_type, release_date, cover_url FROM albums ORDER BY release_date DESC" + "SELECT id, title, album_type, album_type_short, release_date, cover_url FROM albums ORDER BY release_date DESC" ); // 각 앨범에 트랙 정보 추가 diff --git a/frontend/index.html b/frontend/index.html index 4c56922..7427a10 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -3,6 +3,7 @@ + fromis_9 - 프로미스나인 + diff --git a/frontend/src/pages/pc/AlbumDetail.jsx b/frontend/src/pages/pc/AlbumDetail.jsx index 54e5d57..e1c5d25 100644 --- a/frontend/src/pages/pc/AlbumDetail.jsx +++ b/frontend/src/pages/pc/AlbumDetail.jsx @@ -1,6 +1,6 @@ import { useState, useEffect } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; -import { motion } from 'framer-motion'; +import { motion, AnimatePresence } from 'framer-motion'; import { ArrowLeft, Calendar, Music2, Play, Clock, X, ChevronLeft, ChevronRight } from 'lucide-react'; function AlbumDetail() { @@ -263,10 +263,14 @@ function AlbumDetail() { {/* 라이트박스 모달 */} + {lightbox.open && ( -
setLightbox({ ...lightbox, open: false })} > {/* 닫기 버튼 */}
- + )} + ); } diff --git a/frontend/src/pages/pc/Discography.jsx b/frontend/src/pages/pc/Discography.jsx index d606147..cf2204e 100644 --- a/frontend/src/pages/pc/Discography.jsx +++ b/frontend/src/pages/pc/Discography.jsx @@ -139,7 +139,7 @@ function Discography() {

{album.title}

- {album.album_type} + {album.album_type_short || album.album_type}