diff --git a/gamgyul-front/public/images/Icon/check_off.svg b/gamgyul-front/public/images/Icon/check_off.svg index cf7756d..95b24f1 100644 --- a/gamgyul-front/public/images/Icon/check_off.svg +++ b/gamgyul-front/public/images/Icon/check_off.svg @@ -1,8 +1,8 @@ - - - + + + - - + + diff --git a/gamgyul-front/public/images/Icon/check_on_KR.svg b/gamgyul-front/public/images/Icon/check_on_KR.svg new file mode 100644 index 0000000..850b751 --- /dev/null +++ b/gamgyul-front/public/images/Icon/check_on_KR.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gamgyul-front/src/components/common/AttractionItem/index.jsx b/gamgyul-front/src/components/common/AttractionItem/index.jsx index a25ec43..eb7fdc1 100644 --- a/gamgyul-front/src/components/common/AttractionItem/index.jsx +++ b/gamgyul-front/src/components/common/AttractionItem/index.jsx @@ -5,7 +5,7 @@ import { applyFontStyles } from "../../../utils/fontStyles"; import { StyledIconBtn } from "../Button/StyledIconBtn.style"; /** 관광지 아이템 컴포넌트 (분리 필요) */ -const AttractionItem = ({ onDelete, isChecked, onCheckChange, type }) => { +const AttractionItem = ({ onDelete, isChecked, onCheckChange, type, checkRoutes, id, language }) => { const [bookmark, setBookmark] = useState("off"); useEffect(() => {}, []); @@ -31,7 +31,7 @@ const AttractionItem = ({ onDelete, isChecked, onCheckChange, type }) => { {type === "CHECK" && ( 체크버튼 handleCheckClick()} /> diff --git a/gamgyul-front/src/pages/MyTripPage/index.jsx b/gamgyul-front/src/pages/MyTripPage/index.jsx index daec5b0..d5f6c21 100644 --- a/gamgyul-front/src/pages/MyTripPage/index.jsx +++ b/gamgyul-front/src/pages/MyTripPage/index.jsx @@ -100,32 +100,48 @@ const MyTripPage = () => { + {/* API 연결 후 넘겨주는 id 변경 */} {activeTab === "places" && ( handleCheckChange(1)} + checkRoutes={checkRoutes} + id={1} + language={language} /> handleCheckChange(2)} + checkRoutes={checkRoutes} + id={2} + language={language} /> handleCheckChange(3)} + checkRoutes={checkRoutes} + id={3} + language={language} /> handleCheckChange(4)} + checkRoutes={checkRoutes} + id={4} + language={language} /> handleCheckChange(5)} + checkRoutes={checkRoutes} + id={5} + language={language} /> {isToastVisible && {text.ALERT_TOAST}}