Merge pull request #253 from ItRecode/FE-254

[FE-254] fix: 팀소개, 피드백 메일 페이지 버그 수정

Author: Seongtaek-H

src/pages/Setting/FeedbackMail/FeedbackMail.tsx

@@ -13,7 +13,7 @@ function FeedbackMail() {
 
   const sendEmail = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
-
+    if (subject === '' || body === '') return
     const {
       REACT_APP_EMAILJS_SERVICE_ID,
       REACT_APP_EMAILJS_TEMPLATE_ID,
@@ -49,14 +49,16 @@ function FeedbackMail() {
           message={
             <>
               <div className="mt-6 font-semibold">
-                <p>
+                <p className="whitespace-nowrap">
                   <span className="text-primary-2">피드백 전송</span>이
                 </p>
-                <p>완료되었어요</p>
+                <p className="whitespace-nowrap">완료되었어요</p>
               </div>
               <div className="mt-4 text-xs font-medium leading-normal text-grey-8">
-                <p>더 편리한 이용을 하실 수 있도록</p>
-                <p>빠르게 개선할게요!</p>
+                <p className="whitespace-nowrap">
+                  더 편리한 이용을 하실 수 있도록
+                </p>
+                <p className="whitespace-nowrap">빠르게 개선할게요!</p>
               </div>
             </>
           }
@@ -99,6 +101,7 @@ function FeedbackMail() {
                 placeholder="제목을 작성해주세요."
                 onChange={(e) => setSubject(e.target.value)}
                 value={subject}
+                maxLength={20}
               />
               <span className="absolute right-6 text-xs text-grey-4">
                 {subject.length}/20
@@ -124,8 +127,17 @@ function FeedbackMail() {
             </div>
           </section>
         </div>
-        <div className="absolute bottom-10 w-full cursor-pointer px-6">
-          <Button property="solid" type="submit">
+        <div
+          className={`${
+            window.innerHeight > 680 ? 'absolute' : 'my-10 block'
+          } bottom-10 w-full cursor-pointer px-6`}
+        >
+          <Button
+            property="solid"
+            type="submit"
+            disabled={subject === '' || body === ''}
+            active={subject !== '' && body !== ''}
+          >
             피드백 보내기
           </Button>
         </div>

src/pages/Setting/TeamIntroduction/TeamIntroduction.tsx

@@ -11,7 +11,7 @@ function TeamIntroduction() {
       <div className="mt-6 aspect-[375/277] w-full bg-[url('@assets/teamIntroductionImage.svg')] bg-cover" />
       <div className="px-6 py-10">
         <p className="text-xl font-semibold leading-normal">
-          <span className="text-primary-2">텐저스</span>를 소개합니다!
+          <span className="text-primary-2">텐져스</span>를 소개합니다!
         </p>
         <div className="mt-4 text-sm text-grey-9">
           <p>감정 공유에 진심인 10명이 모여 감정을 기록할 수 있는</p>
@@ -29,7 +29,7 @@ function TeamIntroduction() {
           }
           className="mt-8 flex w-full cursor-pointer items-center justify-between bg-transparent p-0 text-base font-semibold"
         >
-          <p className="pt-1">
+          <p>
             더 자세한 팀 <span className="text-primary-2">텐져스의 이야기</span>{' '}
             보러가기
           </p>