diff --git a/src/components/views/Header/Header.jsx b/src/components/views/Header/Header.jsx index 47cb14c..a63e68e 100644 --- a/src/components/views/Header/Header.jsx +++ b/src/components/views/Header/Header.jsx @@ -142,7 +142,7 @@ const Header = ({ headerProps }) => { ( + title={TEXT.cartModal.split("\n")?.map((line, index) => ( {line}
diff --git a/src/components/views/Home/Banner/Banner.jsx b/src/components/views/Home/Banner/Banner.jsx index 57b57e8..d05173f 100644 --- a/src/components/views/Home/Banner/Banner.jsx +++ b/src/components/views/Home/Banner/Banner.jsx @@ -32,7 +32,7 @@ const Banner = () => {
- {eventBanners.map((item) => { + {eventBanners?.map((item) => { return (
{
- {statusList.map((e, i) => ( + {statusList?.map((e, i) => (
{ if (cafe && booth) { displayStores = stores; } else if (cafe) { - displayStores = stores.filter((item) => item.idx < 10); + displayStores = stores?.filter((item) => item.idx < 10); } else if (booth) { - displayStores = stores.filter((item) => item.idx >= 10); + displayStores = stores?.filter((item) => item.idx >= 10); } // 검색어에 따라 필터링된 목록을 반환하는 로직 - const filteredStores = stores.filter((item) => { + const filteredStores = stores?.filter((item) => { return item.name.toLowerCase().includes(searchTerm.toLowerCase()); }); @@ -27,7 +27,7 @@ const StoreList = ({ searchTerm = "", cafe = false, booth = false }) => { return (
- {displayStores.map((item) => ( + {displayStores?.map((item) => (
{ }); // 로컬 상태 갱신 - const updatedCarts = paymentData.carts.filter( + const updatedCarts = paymentData.carts?.filter( (cartItem) => cartItem.idx !== itemId ); setPaymentData({ ...paymentData, carts: updatedCarts }); diff --git a/src/pages/CartPage/CartPage.jsx b/src/pages/CartPage/CartPage.jsx index c42468b..1cbbbb8 100644 --- a/src/pages/CartPage/CartPage.jsx +++ b/src/pages/CartPage/CartPage.jsx @@ -24,7 +24,7 @@ const CartPage = () => { const handleDecrease = (item) => { if (item?.count > 1) { - const updatedCarts = paymentData.carts.map((cartItem) => + const updatedCarts = paymentData.carts?.map((cartItem) => cartItem.idx === item.idx ? { ...cartItem, count: cartItem?.count - 1 } : cartItem @@ -38,7 +38,7 @@ const CartPage = () => { }; const handleIncrease = (item) => { - const updatedCarts = paymentData.carts.map((cartItem) => + const updatedCarts = paymentData.carts?.map((cartItem) => cartItem.idx === item.idx ? { ...cartItem, count: cartItem?.count + 1 } : cartItem @@ -61,7 +61,7 @@ const CartPage = () => { }); // 로컬 상태 및 렌더링 갱신 - const updatedCarts = paymentData.carts.filter( + const updatedCarts = paymentData.carts?.filter( (cartItem) => cartItem.idx !== itemId ); setPaymentData({ ...paymentData, carts: updatedCarts }); @@ -180,7 +180,7 @@ const CartPage = () => {
- {paymentData?.carts.map((item) => ( + {paymentData?.carts?.map((item) => (
{
- {item.options.map((option) => ( + {item.options?.map((option) => (
•[{option.categoryName}] {option.name} (+ {option.price diff --git a/src/pages/CouponPage/CouponPage.jsx b/src/pages/CouponPage/CouponPage.jsx index 36b0e5c..b5a5cb6 100644 --- a/src/pages/CouponPage/CouponPage.jsx +++ b/src/pages/CouponPage/CouponPage.jsx @@ -33,7 +33,7 @@ const CouponPage = () => {
) : coupons && coupons.length > 0 ? (
- {coupons.map((item) => ( + {coupons?.map((item) => (
{
{quickOrder.length > 0 ? ( - quickOrder.map((item, index) => ( + quickOrder?.map((item, index) => (
- {TEXT.faqQuestionTitle.split("\n").map((title, index) => ( + {TEXT.faqQuestionTitle.split("\n")?.map((title, index) => ( {title}
@@ -25,7 +25,7 @@ function FrequentlyAskedQuestionPage() { {TEXT.faqQuestion .split("#") [index].split("\n") - .map((e, i) => + ?.map((e, i) => e.trim().startsWith("-") ? (
  • {e.trim().slice(1)}
    • ) : ( diff --git a/src/pages/MembershipPage/MembershipPage.jsx b/src/pages/MembershipPage/MembershipPage.jsx index 7197d28..e715821 100644 --- a/src/pages/MembershipPage/MembershipPage.jsx +++ b/src/pages/MembershipPage/MembershipPage.jsx @@ -56,7 +56,7 @@ function MembershipPage() { 멤버십 내역
    {pointHistory?.length ? ( - pointHistory.map((e, i) => ( + pointHistory?.map((e, i) => ( // {/* 매핑될 요소 */}
    0 ? (
    - {events.map((item) => ( + {events?.map((item) => (
    navigate(item.redirectUrl)}> eventing {console.log(item)} diff --git a/src/pages/MyPage/PolicyPage/PositionpolicyPage.jsx b/src/pages/MyPage/PolicyPage/PositionpolicyPage.jsx index d2facdc..4a09d19 100644 --- a/src/pages/MyPage/PolicyPage/PositionpolicyPage.jsx +++ b/src/pages/MyPage/PolicyPage/PositionpolicyPage.jsx @@ -12,7 +12,7 @@ function PositionpolicyPage() { }} /> - {TEXT.positionPolicyTitle.split("\n").map((title, index) => ( + {TEXT.positionPolicyTitle.split("\n")?.map((title, index) => ( ( + ?.map((e) => (
    {e}
    ))}     diff --git a/src/pages/MyPage/PolicyPage/PrivacypolicyPage.jsx b/src/pages/MyPage/PolicyPage/PrivacypolicyPage.jsx index a39829e..128bf5e 100644 --- a/src/pages/MyPage/PolicyPage/PrivacypolicyPage.jsx +++ b/src/pages/MyPage/PolicyPage/PrivacypolicyPage.jsx @@ -12,7 +12,7 @@ function PrivacypolicyPage() { }} /> - {TEXT.privacyPolicyTitle.split("\n").map((title, index) => ( + {TEXT.privacyPolicyTitle.split("\n")?.map((title, index) => ( ( + ?.map((e) => (
    {e}
    ))}     diff --git a/src/pages/MyPage/PolicyPage/TermsofusePage.jsx b/src/pages/MyPage/PolicyPage/TermsofusePage.jsx index 390813f..c5b8c4a 100644 --- a/src/pages/MyPage/PolicyPage/TermsofusePage.jsx +++ b/src/pages/MyPage/PolicyPage/TermsofusePage.jsx @@ -11,7 +11,7 @@ function TermsofusePage() { // linkTo: "/policy", }} /> - {TEXT.tuermsoTitle.split("\n").map((title, index) => ( + {TEXT.tuermsoTitle.split("\n")?.map((title, index) => ( ( + ?.map((e) => (
    {e}
    ))}     diff --git a/src/pages/MyPage/PolicyPage/ThirdpartyPage.jsx b/src/pages/MyPage/PolicyPage/ThirdpartyPage.jsx index 14f1deb..e0e0d6a 100644 --- a/src/pages/MyPage/PolicyPage/ThirdpartyPage.jsx +++ b/src/pages/MyPage/PolicyPage/ThirdpartyPage.jsx @@ -12,7 +12,7 @@ function ThirdpartyPage() { }} />
    - {TEXT.thirdPartyTitle.split("\n").map((title, index) => ( + {TEXT.thirdPartyTitle.split("\n")?.map((title, index) => ( ( + ?.map((e) => (
    {e}
    ))}     diff --git a/src/pages/OrderProcessPage/OrderProcessPage.jsx b/src/pages/OrderProcessPage/OrderProcessPage.jsx index df8eef0..a84fe5b 100644 --- a/src/pages/OrderProcessPage/OrderProcessPage.jsx +++ b/src/pages/OrderProcessPage/OrderProcessPage.jsx @@ -29,7 +29,7 @@ const OrderProcessPage = () => { const [isOpen, setIsOpen] = useState(false); const [modalTitle, setModalTitle] = useState(""); const [activeToggles, setActiveToggles] = useState( - category?.filter((el) => el?.essential).map(() => false) + category?.filter((el) => el?.essential)?.map(() => false) ); const [selectedRadioTexts, setSelectedRadioTexts] = useState([]); const [totalAmount, setTotalAmount] = useState(price); @@ -43,7 +43,7 @@ const OrderProcessPage = () => { const handleCartUpdate = () => { // 주점 포장/매장 옵션 선택 여부 확인 - const pickupIdx = category.filter((item) => item.name === "포장/매장")[0]?.options[0]?.idx; + const pickupIdx = category?.filter((item) => item.name === "포장/매장")[0]?.options[0]?.idx; console.log(pickupIdx, essentialOptionIdx); if (pickupIdx && essentialOptionIdx.includes(pickupIdx)) { setIsBoothOpen(true); @@ -164,7 +164,7 @@ const OrderProcessPage = () => { : setTotalAmount((prevAmount) => prevAmount - price); e.target.checked ? setOptionIdx((prev) => [...prev, idx]) - : setOptionIdx((prev) => prev.filter((e) => e !== idx)); + : setOptionIdx((prev) => prev?.filter((e) => e !== idx)); }; // 수량 증가 @@ -182,8 +182,8 @@ const OrderProcessPage = () => { useEffect(() => { if (category && category.length > 0) { const essentialOptions = category - .filter((el) => el?.essential) - .map((e) => e.options[0]?.name); + ?.filter((el) => el?.essential) + ?.map((e) => e.options[0]?.name); setSelectedRadioTexts(essentialOptions); } @@ -194,7 +194,7 @@ const OrderProcessPage = () => { parseInt( category ?.filter((el) => el?.essential) - .map((e) => parseInt(e?.options[0]?.price)) + ?.map((e) => parseInt(e?.options[0]?.price)) .reduce((prev, curr) => prev + curr, 0) ) ); @@ -212,7 +212,7 @@ const OrderProcessPage = () => { }, [category]); useEffect(() => { - setActiveToggles(category?.filter((e) => e?.essential).map(() => false)); + setActiveToggles(category?.filter((e) => e?.essential)?.map(() => false)); // eslint-disable-next-line react-hooks/exhaustive-deps }, [price]) @@ -236,8 +236,8 @@ const OrderProcessPage = () => {
    {category?.length ? ( category - .filter((c, i) => c?.essential) - .map((category, index) => ( + ?.filter((c, i) => c?.essential) + ?.map((category, index) => (
    { {optionOpen && category?.length && category - .filter((c, i) => !c.essential) - .map((category, index) => ( + ?.filter((c, i) => !c.essential) + ?.map((category, index) => ( {index !== 0 &&
    } @@ -455,7 +455,7 @@ const OrderProcessPage = () => { ( + title={modalTitle.split("\n")?.map((line, index) => ( {line}
    @@ -470,7 +470,7 @@ const OrderProcessPage = () => { setIsBoothOpen(false)} - title={boothModalTitle.map((line, index) => ( + title={boothModalTitle?.map((line, index) => ( {line}
    diff --git a/src/pages/PaymentPage/PaymentPage.jsx b/src/pages/PaymentPage/PaymentPage.jsx index 3b363ba..ad200e9 100644 --- a/src/pages/PaymentPage/PaymentPage.jsx +++ b/src/pages/PaymentPage/PaymentPage.jsx @@ -102,7 +102,7 @@ const PaymentPage = () => {
    - {carts.map((item) => ( + {carts?.map((item) => (
    {
    - {item.options.map((option) => ( + {item.options?.map((option) => (
    •{option.name} (+{option.price}원)
    diff --git a/src/pages/StoreDetailPage/StoreDetailPage.jsx b/src/pages/StoreDetailPage/StoreDetailPage.jsx index 393d44a..862aede 100644 --- a/src/pages/StoreDetailPage/StoreDetailPage.jsx +++ b/src/pages/StoreDetailPage/StoreDetailPage.jsx @@ -77,7 +77,7 @@ const StoreDetailPage = () => { 영업 시간 - {openTime.split("\n").map((line, index) => ( + {openTime.split("\n")?.map((line, index) => ( {line}
    @@ -98,7 +98,7 @@ const StoreDetailPage = () => {
    {menu && menu.menu && Array.isArray(menu.menu) ? ( - menu.menu.map((category, index) => ( + menu.menu?.map((category, index) => ( { {selectedCategory && selectedCategory.menuItems && Array.isArray(selectedCategory.menuItems) ? ( - selectedCategory.menuItems.map((item, index) => ( + selectedCategory.menuItems?.map((item, index) => (