diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx index 6ea12b391..16730290b 100644 --- a/src/components/coffeechat/CoffeeChatCard/index.tsx +++ b/src/components/coffeechat/CoffeeChatCard/index.tsx @@ -12,9 +12,7 @@ import Divider from '@/components/common/Divider/Divider'; import ResizedImage from '@/components/common/ResizedImage'; import Text from '@/components/common/Text'; import useEventLogger from '@/components/eventLogger/hooks/useEventLogger'; -import MessageModal, { MessageCategory } from '@/components/members/detail/MessageSection/MessageModal'; import { useVisibleBadges } from '@/components/members/main/hooks/useVisibleBadges'; -import { MessageModalState } from '@/components/members/main/MemberList'; import { LATEST_GENERATION } from '@/constants/generation'; import { MB_BIG_MEDIA_QUERY, @@ -53,7 +51,6 @@ export default function CoffeeChatCard({ isMine, }: MentoringCardProps) { const router = useRouter(); - const [messageModalState, setMessageModalState] = useState({ show: false }); const [isImageLoaded, setIsImageLoaded] = useState(false); const { logClickEvent } = useEventLogger(); @@ -181,15 +178,6 @@ export default function CoffeeChatCard({ - {messageModalState.show && ( - setMessageModalState({ show: false })} - defaultCategory={MessageCategory.COFFEE_CHAT} - /> - )} ); } diff --git a/src/components/common/Input/index.tsx b/src/components/common/Input/index.tsx index 43d8e1c87..ec2866128 100644 --- a/src/components/common/Input/index.tsx +++ b/src/components/common/Input/index.tsx @@ -87,7 +87,7 @@ const StyledInput = styled.input` ${textStyles.SUIT_16_M}; &::placeholder { - color: ${colors.gray600}; + color: ${colors.gray400}; } &:focus { diff --git a/src/components/members/detail/MessageSection/MessageModal.tsx b/src/components/members/detail/MessageSection/MessageModal.tsx index 209da8dae..4b1b39c86 100644 --- a/src/components/members/detail/MessageSection/MessageModal.tsx +++ b/src/components/members/detail/MessageSection/MessageModal.tsx @@ -19,7 +19,6 @@ import { MOBILE_MEDIA_QUERY } from '@/styles/mediaQuery'; import { zIndex } from '@/styles/zIndex'; export enum MessageCategory { - COFFEE_CHAT = '커피챗', NETWORK = '친목', APPJAM_TEAM_BUILDING = '앱잼 팀 빌딩', PROJECT_SUGGESTION = '프로젝트 제안', @@ -50,12 +49,9 @@ const CATEGORY: Category[] = [ const schema = yup.object().shape({ email: yup.string().email('올바른 이메일 형태를 입력해주세요.').required('이메일을 입력해주세요.'), - content: yup.string().required('내용을 입력해주세요.').max(750, '750자 이내로 입력해주세요.'), + content: yup.string().required('내용을 입력해주세요.').max(500, '500자 이내로 입력해주세요.'), }); -const COFFEECHAT_PLACEHOLDER = - '커피챗을 통해 어떤 걸 얻고 싶은지 자세하게 적어주세요. 멘토님의 스킬과 소개와 관련된 내용으로 작성한다면 멘토님이 더욱 자세하게 공유해주실 거예요.'; - interface MessageForm { email: string; content: string; @@ -180,7 +176,7 @@ const MessageModal: FC = ({ name='content' component={StyledTextArea} placeholder={ - selectedCategory === MessageCategory.COFFEE_CHAT ? COFFEECHAT_PLACEHOLDER : '전달할 내용을 입력해주세요!' + '멤버에게 궁금한 점을 자세하게 적어주세요. 이야기 나누고 싶은 주제를 쉽게 이해할 수 있도록, 회원님에 대해 간단하게 소개해 주시면 더 좋아요.' } /> diff --git a/src/components/members/detail/MessageSection/index.tsx b/src/components/members/detail/MessageSection/index.tsx index b4e7ae1c4..e8b5d343a 100644 --- a/src/components/members/detail/MessageSection/index.tsx +++ b/src/components/members/detail/MessageSection/index.tsx @@ -73,7 +73,7 @@ export default function MessageSection({ name={name} profileImageUrl={profileImage} onClose={onCloseMessageModal} - defaultCategory={MessageCategory.COFFEE_CHAT} + defaultCategory={MessageCategory.NETWORK} onLog={(options) => logSubmitEvent('sendMessage', { category: options?.category?.toString() ?? '', diff --git a/src/components/members/main/MemberList/index.tsx b/src/components/members/main/MemberList/index.tsx index aba4ed2e8..f348f22be 100644 --- a/src/components/members/main/MemberList/index.tsx +++ b/src/components/members/main/MemberList/index.tsx @@ -190,7 +190,6 @@ const MemberList: FC = ({ banner }) => { }, 0); const handleClickCard = (profile: Profile) => { - debugger; logClickEvent('memberCard', { id: profile.id, name: profile.name }); }; @@ -480,7 +479,7 @@ const MemberList: FC = ({ banner }) => { name={messageModalState.data.name} profileImageUrl={messageModalState.data.profileUrl} onClose={() => setMessageModalState({ show: false })} - defaultCategory={MessageCategory.COFFEE_CHAT} + defaultCategory={MessageCategory.NETWORK} onLog={(options) => logSubmitEvent('sendMessage', { category: options?.category?.toString() ?? '',