diff --git a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx index 4997567..df14ee6 100644 --- a/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx +++ b/frontend/src/pages/pc/public/schedule/sections/VarietySection.jsx @@ -9,92 +9,80 @@ function VarietySection({ schedule }) { const isFullGroup = members.length === 5; const hasThumbnail = !!schedule.thumbnailUrl; const hasReplayUrl = !!schedule.replayUrl; - - // 다시보기 링크가 유튜브인지 확인 const isYoutubeReplay = hasReplayUrl && /youtu\.?be/i.test(schedule.replayUrl); return (
- {/* 왼쪽: 썸네일 (세로 포스터) */} + {/* 왼쪽: 썸네일 */} {hasThumbnail && ( -
- {hasReplayUrl ? ( - - {schedule.title} -
-
- -
-
-
- ) : ( - {schedule.title} - )} +
+ {schedule.title}
)} {/* 오른쪽: 콘텐츠 */} -
- {/* 방송사 + 날짜 */} -
- {schedule.broadcaster && ( - - - {schedule.broadcaster} - - )} - - {formatFullDate(schedule.date)} - {schedule.time && ` · ${formatTime(schedule.time)}`} - -
- - {/* 제목 */} -

- {decodeHtmlEntities(schedule.title)} -

- - {/* 멤버 */} - {members.length > 0 && ( -
- {isFullGroup ? ( - - 프로미스나인 +
+ {/* 방송사 + 날짜 */} +
+ {schedule.broadcaster && ( + + + {schedule.broadcaster} - ) : ( - members.map((member) => ( - - {member.name} - - )) + )} + + {formatFullDate(schedule.date)} + {schedule.time && ` · ${formatTime(schedule.time)}`} + +
+ + {/* 제목 */} +

+ {decodeHtmlEntities(schedule.title)} +

+ + {/* 멤버 + 다시보기 */} +
+ {members.length > 0 && ( +
+ {isFullGroup ? ( + + 프로미스나인 + + ) : ( + members.map((member) => ( + + {member.name} + + )) + )} +
+ )} + + {hasReplayUrl && ( + + {isYoutubeReplay ? : } + 다시보기 + )}
- )} - - {/* 다시보기 버튼 */} - {hasReplayUrl && ( - - )} -
+
);