diff --git a/gamgyul-front/src/constants/String.jsx b/gamgyul-front/src/constants/String.jsx index a261b7b..6b6f64c 100644 --- a/gamgyul-front/src/constants/String.jsx +++ b/gamgyul-front/src/constants/String.jsx @@ -59,6 +59,45 @@ export const TRIP_ROUTE_PAGE_TEXT = { CH: { NAVI_LINK_BUTTON: "", BOTTOM_SHEET_MAIN: "", BOTTOM_SHEET_SUB: "", ROUTE_SAVE_BUTTON: "" }, }; +export const MY_TRIP_PAGE_TEXT = { + EN: { + HEADER_MAIN: "", + NAV_PLACE: "", + NAV_ROUTE: "", + ROUTE_CREATE_BUTTON: "", + SAVED_ROUTE: "", + CREATED_ROUTE: "", + ALERT_TOAST: "", + }, + KR: { + HEADER_MAIN: "내 여행", + NAV_PLACE: "장소", + NAV_ROUTE: "경로", + ROUTE_CREATE_BUTTON: "내 경로 만들기", + SAVED_ROUTE: "저장한 경로", + CREATED_ROUTE: "내가 만든 경로", + ALERT_TOAST: "장소는 최대 N개까지 선택할 수 있어요.", + }, + JP: { + HEADER_MAIN: "", + NAV_PLACE: "", + NAV_ROUTE: "", + ROUTE_CREATE_BUTTON: "", + SAVED_ROUTE: "", + CREATED_ROUTE: "", + ALERT_TOAST: "", + }, + CH: { + HEADER_MAIN: "", + NAV_PLACE: "", + NAV_ROUTE: "", + ROUTE_CREATE_BUTTON: "", + SAVED_ROUTE: "", + CREATED_ROUTE: "", + ALERT_TOAST: "", + }, +}; + /** Modal String */ export const MODAL_TEXT = { EN: { ROUTE_NAME: "", ROUTE_NAME_MESSAGE: "", ROUTE_PLACEHOLDER: "", ROUTE_DELETE_MESSAGE: "" }, diff --git a/gamgyul-front/src/pages/MyTripPage/index.jsx b/gamgyul-front/src/pages/MyTripPage/index.jsx index 32ed9a3..de0c42d 100644 --- a/gamgyul-front/src/pages/MyTripPage/index.jsx +++ b/gamgyul-front/src/pages/MyTripPage/index.jsx @@ -10,6 +10,7 @@ import NavigationBar from "../../components/common/NavigationBar"; import Modal from "../../components/common/Modal"; import { useLocation } from "react-router-dom"; import Toast from "../../components/common/Toast"; +import { MY_TRIP_PAGE_TEXT } from "../../constants/String"; const MyTripPage = () => { const [activeTab, setActiveTab] = useState("places"); @@ -17,6 +18,10 @@ const MyTripPage = () => { const [checkRoutes, setCheckRoutes] = useState([]); const location = useLocation(); + // const language = window.localStorage.getItem("lanType"); + const language = "KR"; + const text = MY_TRIP_PAGE_TEXT[language]; + useEffect(() => { const queryParams = new URLSearchParams(location.search); const tab = queryParams.get("tab"); @@ -61,7 +66,7 @@ const MyTripPage = () => { -

내 여행

+

{text.HEADER_MAIN}

@@ -110,13 +115,14 @@ const MyTripPage = () => { isChecked={checkRoutes.includes(5)} onCheckChange={() => handleCheckChange(5)} /> + {text.ALERT_TOAST} {checkRoutes.length <= 1 ? ( - 내 경로 만들기 + {text.ROUTE_CREATE_BUTTON} ) : ( - 내 경로 만들기 + {text.ROUTE_CREATE_BUTTON} )} @@ -125,7 +131,7 @@ const MyTripPage = () => { <> -

저장한 경로

+

{text.SAVED_ROUTE}

@@ -133,7 +139,7 @@ const MyTripPage = () => {
-

내가 만든 경로

+

{text.CREATED_ROUTE}

@@ -144,7 +150,7 @@ const MyTripPage = () => { )}
- Toast 테스트 + ); @@ -186,5 +192,4 @@ const MyTripButton = styled(Button)` max-width: calc(${theme.maxWidth} - 40px); `; - export default MyTripPage;