fix: PC 공개 일정 페이지 HTML 엔티티 디코딩 수정

- decodeHtmlEntities 함수 추가하여 < > 등 올바르게 표시
- 레이아웃 변경 없음 (원래 상태 유지)
This commit is contained in:
caadiq 2026-01-10 00:35:28 +09:00
parent 97767bc5ca
commit 22db79e960

View file

@ -7,6 +7,14 @@ import { useInView } from 'react-intersection-observer';
import { getTodayKST } from '../../../utils/date'; import { getTodayKST } from '../../../utils/date';
import { getSchedules, getCategories, searchSchedules as searchSchedulesApi } from '../../../api/public/schedules'; import { getSchedules, getCategories, searchSchedules as searchSchedulesApi } from '../../../api/public/schedules';
// HTML
const decodeHtmlEntities = (text) => {
if (!text) return '';
const textarea = document.createElement('textarea');
textarea.innerHTML = text;
return textarea.value;
};
function Schedule() { function Schedule() {
const navigate = useNavigate(); const navigate = useNavigate();
@ -840,7 +848,7 @@ function Schedule() {
{/* 스케줄 내용 */} {/* 스케줄 내용 */}
<div className="flex-1 p-6 flex flex-col justify-center"> <div className="flex-1 p-6 flex flex-col justify-center">
<h3 className="font-bold text-lg mb-2">{schedule.title}</h3> <h3 className="font-bold text-lg mb-2">{decodeHtmlEntities(schedule.title)}</h3>
<div className="flex flex-wrap gap-3 text-base text-gray-500"> <div className="flex flex-wrap gap-3 text-base text-gray-500">
{schedule.time && ( {schedule.time && (
@ -927,7 +935,7 @@ function Schedule() {
<span className="text-sm font-medium opacity-80">{formatted.weekday}</span> <span className="text-sm font-medium opacity-80">{formatted.weekday}</span>
</div> </div>
<div className="flex-1 p-6 flex flex-col justify-center"> <div className="flex-1 p-6 flex flex-col justify-center">
<h3 className="font-bold text-lg mb-2">{schedule.title}</h3> <h3 className="font-bold text-lg mb-2">{decodeHtmlEntities(schedule.title)}</h3>
<div className="flex flex-wrap gap-3 text-base text-gray-500"> <div className="flex flex-wrap gap-3 text-base text-gray-500">
{schedule.time && ( {schedule.time && (
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">