diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.jsx b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.jsx index 624dfa8b..bc93f38b 100644 --- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.jsx +++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.jsx @@ -1,4 +1,4 @@ -import React, { useEffect } from "react"; +import React, { useCallback, useEffect, useMemo } from "react"; import { useDispatch, useSelector } from "react-redux"; @@ -29,6 +29,15 @@ export default function ContactContents() { const { getScrollTo, scrollTop } = useScrollTo(); + const getMailTitle = (patncNm, index) => { + if (patncNm === "Pinkfong") { + return index === 0 + ? "Pinkfong Goods - Email" + : "Pinkfong Plus Subscriptions"; + } + return $L("Email"); + }; + return ( <> - {$L("Email")} - {`: ${cs.csMail}`} + {`${getMailTitle(contact.patncNm, idx)}: ${ + cs.csMail + }`} )} {cs.csSiteUrl && ( diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less index 45563417..899ec33a 100644 --- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less +++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less @@ -58,7 +58,7 @@ background: @COLOR_WHITE; .font(@fontFamily: @arialFont,@fontSize:28px); color: @COLOR_GRAY06; - display: flex; + display: grid; align-items: center; border-radius: 0 8px 8px 0;