From c65a00b27586e34bca41e73791ad89ac5707cb29 Mon Sep 17 00:00:00 2001
From: bangsinchur <sinchurbang123@gmail.com>
Date: Sat, 22 Feb 2025 18:57:44 +0900
Subject: [PATCH 1/4] =?UTF-8?q?feat:=EA=B2=AC=EC=A0=81=EB=8D=B0=EC=9D=B4?=
 =?UTF-8?q?=ED=84=B0=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyPlans/Cards/QuotationCard.tsx      |  6 +++---
 .../[planId]/[quotationId].tsx                      | 13 ++++++++-----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/MyPlans/Cards/QuotationCard.tsx b/src/components/MyPlans/Cards/QuotationCard.tsx
index 0306f6fe..db95853b 100644
--- a/src/components/MyPlans/Cards/QuotationCard.tsx
+++ b/src/components/MyPlans/Cards/QuotationCard.tsx
@@ -138,10 +138,10 @@ export default function QuotationCard({ quotationDetail, planDetail }: Quotation
           </div>
         </div>
         <div className="flex items-center justify-end gap-4 py-6">
-          <p className="medium text-2lg mobile-tablet:text-md">견적 금액</p>
+          <p className="medium text-2lg mobile-tablet:text-md">견적 코코넛</p>
           <p className="bold text-2xl mobile-tablet:text-2lg">
             {" "}
-            {quotationDetail.price.toLocaleString()}원
+            {quotationDetail.price.toLocaleString()}개
           </p>
         </div>
       </div>
@@ -151,7 +151,7 @@ export default function QuotationCard({ quotationDetail, planDetail }: Quotation
             className="semibold w-full text-nowrap rounded-lg bg-color-blue-300 px-[32.5px] py-4 text-xl text-gray-50 mobile:text-md tablet:text-lg mobile-tablet:px-[16px] mobile-tablet:py-[11px]"
             onClick={handleConfirmButton}
           >
-            플랜 확정하기
+            견적 확정하기
           </button>
         )}
         <button className="semibold w-full text-nowrap rounded-lg border-[1px] border-solid border-color-blue-300 px-[32.5px] py-4 text-xl text-color-blue-300 mobile:text-md tablet:text-lg mobile-tablet:px-[16px] mobile-tablet:py-[11px]">
diff --git a/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx b/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
index 268b5e49..df4cb572 100644
--- a/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
+++ b/src/pages/mytrip-manage/quotationdetail-dreamer/[planId]/[quotationId].tsx
@@ -105,12 +105,13 @@ export function QuotationDetailDreamer() {
   }, [planId, quotationId]);
 
   async function handleConfirmButton() {
+  
     try {
       if (quotationDetail)
         await QuotationServiceDreamer.confirmQuotation({ isConfirmed: true }, quotationDetail.id);
-      alert("플랜이 확정되었습니다.");
+      alert("견적확정 확정되었습니다.");
     } catch (error) {
-      alert(`플랜 확정에 실패했습니다. 다시 시도해주세요. ${error}`);
+      alert(`견적확정에 실패했습니다. 다시 시도해주세요. ${error}`);
     }
   }
 
@@ -238,7 +239,7 @@ export function QuotationDetailDreamer() {
                         />
                         <p>{quotationDetail.maker.averageRating}</p>
                         <p className="text-color-gray-400">
-                          (${quotationDetail.maker.totalReviews})
+                          ({quotationDetail.maker.totalReviews})
                         </p>
                       </div>
                       <p className="mx-4 text-color-line-200 mobile-tablet:mx-1">ㅣ</p>
@@ -281,9 +282,11 @@ export function QuotationDetailDreamer() {
           </div>
           <hr className="border-Line-100 my-10 mobile-tablet:my-6" />
           <div className="flex flex-col gap-8 mobile-tablet:gap-4">
-            <p className="semibold text-2xl text-color-black-400 mobile-tablet:text-lg">견적가</p>
+            <p className="semibold text-2xl text-color-black-400 mobile-tablet:text-lg">
+              받은 견적 코코넛
+            </p>
             <p className="bold text-3xl text-color-black-400 mobile-tablet:text-xl">
-              {quotationDetail.price} 원
+              {quotationDetail.price} 개
             </p>
           </div>
           <hr className="border-Line-100 my-10 mobile-tablet:my-6" />

From e0aac9dbce8418529f5a24a9cd2817ae621baab6 Mon Sep 17 00:00:00 2001
From: bangsinchur <sinchurbang123@gmail.com>
Date: Sat, 22 Feb 2025 23:22:22 +0900
Subject: [PATCH 2/4] =?UTF-8?q?feat:=EB=B3=B4=EB=82=B8=EA=B2=AC=EC=A0=81?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80,=EB=A7=8C=EB=A3=8C=EB=90=9C?=
 =?UTF-8?q?=EA=B2=AC=EC=A0=81=ED=8E=98=EC=9D=B4=EC=A7=80,=ED=9A=8C?=
 =?UTF-8?q?=EC=9B=90=EA=B0=80=EC=9E=85=20sns=EC=A3=BC=EC=86=8C=20=EC=9C=A0?=
 =?UTF-8?q?=ED=9A=A8=EC=84=B1=EA=B2=80=EC=82=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/Input.tsx |  8 +++++++-
 src/features/ProfileMaker.tsx   | 35 ++++++++++++++++++++++++++------
 src/pages/managequo/index.tsx   | 36 +++++++++++++++++++++------------
 src/pages/receive/index.tsx     |  2 ++
 src/pages/reject-list/index.tsx | 34 ++++++++++++++++++++-----------
 5 files changed, 83 insertions(+), 32 deletions(-)

diff --git a/src/components/Common/Input.tsx b/src/components/Common/Input.tsx
index 80c0f952..7b959d91 100644
--- a/src/components/Common/Input.tsx
+++ b/src/components/Common/Input.tsx
@@ -9,9 +9,10 @@ type InputProps = {
   label?: string;
   name?: string;
   onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+  onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
   placeholder?: string;
   className?: string;
-  error?: boolean;
+  error?: string | boolean;
 } & Omit<React.ComponentPropsWithoutRef<"input">, "type"> &
   Omit<React.ComponentPropsWithoutRef<"textarea">, "type">;
 
@@ -23,6 +24,7 @@ const Input = forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(
       name,
       value,
       onChange,
+      onBlur = () => {},
       placeholder = "",
       className = "",
       error = false,
@@ -80,6 +82,7 @@ const Input = forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(
           name={name}
           value={value}
           onChange={onChange}
+          onBlur={onBlur}
           placeholder={placeholder}
           {...rest}
         />
@@ -93,6 +96,9 @@ const Input = forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(
           </label>
         )}
         {inputType}
+        {typeof error === "string" && error && (
+          <p className="mb-4 mt-[-20px] text-sm text-color-red-200">{error}</p>
+        )}
       </div>
     );
   },
diff --git a/src/features/ProfileMaker.tsx b/src/features/ProfileMaker.tsx
index d95e7c69..40413681 100644
--- a/src/features/ProfileMaker.tsx
+++ b/src/features/ProfileMaker.tsx
@@ -20,6 +20,7 @@ export default function ProfileMaker() {
   const [description, setDescription] = useState<string>("");
   const [detailDescription, setDetailDescription] = useState<string>("");
   const [snsAddress, setSnsAddress] = useState<string>("");
+  const [snsAddressError, setSnsAddressError] = useState<string>("");
   const [isSubmitting, setIsSubmitting] = useState(false);
 
   const handleImageSelect = (imageKey: string) => {
@@ -49,8 +50,27 @@ export default function ProfileMaker() {
     setDetailDescription(e.target.value);
   };
 
+  const validateSnsUrl = (url: string): boolean => {
+    if (!url) return true;
+    const snsUrlPattern =
+      /^@?(https?:\/\/)?(www\.)?(instagram\.com|facebook\.com|twitter\.com|x\.com|youtube\.com|tiktok\.com)\/[a-zA-Z0-9_.-]+\/?$/;
+    return snsUrlPattern.test(url);
+  };
+
   const handleSnsAddressChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    setSnsAddress(e.target.value);
+    const value = e.target.value;
+    setSnsAddress(value);
+    setSnsAddressError("");
+  };
+
+  const handleSnsAddressBlur = () => {
+    if (!snsAddress) {
+      setSnsAddressError("SNS 주소를 입력해주세요.");
+    } else if (!validateSnsUrl(snsAddress)) {
+      setSnsAddressError("올바른 SNS 주소를 입력해주세요. (예: www.instagram.com/username)");
+    } else {
+      setSnsAddressError("");
+    }
   };
 
   const handleSubmit = async () => {
@@ -92,6 +112,7 @@ export default function ProfileMaker() {
     !description ||
     !detailDescription ||
     !snsAddress ||
+    !!snsAddressError ||
     isSubmitting;
 
   return (
@@ -129,15 +150,17 @@ export default function ProfileMaker() {
             <div>
               <Input
                 label="SNS 주소"
-                className="mb-8 border-none border-color-line-100 bg-color-background-200"
+                className="mb-8 overflow-hidden text-ellipsis border-none border-color-line-100 bg-color-background-200"
                 type="text"
-                placeholder="SNS 주소를 입력해주세요."
+                placeholder="예시:www.instagram.com/username"
                 value={snsAddress}
                 onChange={handleSnsAddressChange}
+                onBlur={handleSnsAddressBlur}
+                error={snsAddressError}
               />
               <Input
-                className="border-none bg-color-background-200"
-                label="한 줄 소개*"
+                className="overflow-hidden text-ellipsis border-none bg-color-background-200"
+                label="한 줄 소개"
                 type="text"
                 placeholder="한 줄 소개를 입력해주세요."
                 value={description}
@@ -156,7 +179,7 @@ export default function ProfileMaker() {
               onChange={handleDetailDescriptionChange}
             />
             <div>
-              <p className="semibold mb-3 text-xl mobile-tablet:text-lg">제공 서비스*</p>
+              <p className="semibold mb-3 text-xl mobile-tablet:text-lg">제공 서비스</p>
               <p className="mb-4 text-lg text-color-gray-400 mobile-tablet:text-xs">
                 *제공 서비스는 중복 선택 가능하며, 언제든 수정 가능해요!
               </p>
diff --git a/src/pages/managequo/index.tsx b/src/pages/managequo/index.tsx
index 6cb00195..2b7f6bdc 100644
--- a/src/pages/managequo/index.tsx
+++ b/src/pages/managequo/index.tsx
@@ -7,6 +7,7 @@ import { useEffect } from "react";
 import withAuthAccess from "@/stores/withAuthAccess";
 import Image from "next/image";
 import loading from "@public/assets/icon_loading.gif";
+import request_empty from "@public/assets/icon_luggage_frown.svg";
 
 export function ManageQuo() {
   const { ref, inView } = useInView();
@@ -42,27 +43,36 @@ export function ManageQuo() {
       <div className="mx-[auto] w-full mobile:mx-[auto] tablet:mx-[auto]">
         <div className="flex items-center gap-8 border-b border-color-line-200">
           <Link href="/managequo">
-            <p className="text-4 cursor-pointer border-b-[3px] border-black py-6 semibold">
+            <p className="text-4 semibold cursor-pointer border-b-[3px] border-black py-6">
               보낸 견적 조회
             </p>
           </Link>
           <Link href="/reject-list">
-            <p className="text-4 cursor-pointer semibold">반려된 견적</p>
+            <p className="text-4 semibold cursor-pointer">반려된 견적</p>
           </Link>
         </div>
       </div>
-      <div className="mobiel-tablet:felx pt-10 pc:grid pc:grid-cols-2 pc:gap-2 mobile-tablet:grid-cols-none mobile-tablet:flex-col mobile-tablet:items-center mobile-tablet:justify-center">
-        {allItems.map((item) => (
-          <SendQuotation key={item.id} data={item} />
-        ))}
-      </div>
-      <div ref={ref} className="h-10">
-        {isFetchingNextPage && (
-          <div className="flex items-center justify-center py-4">
-            <span>더 불러오는 중...</span>
+      {allItems.length === 0 ? (
+        <div className="flex flex-col items-center justify-center pt-10">
+          <Image src={request_empty} alt="request_empty" width={300} height={300} />
+          <p className="semibold text-xl text-color-gray-300">아직 보낸 견적이 없어요!</p>
+        </div>
+      ) : (
+        <>
+          <div className="mobiel-tablet:felx pt-10 pc:grid pc:grid-cols-2 pc:gap-2 mobile-tablet:grid-cols-none mobile-tablet:flex-col mobile-tablet:items-center mobile-tablet:justify-center">
+            {allItems.map((item) => (
+              <SendQuotation key={item.id} data={item} />
+            ))}
           </div>
-        )}
-      </div>
+          <div ref={ref} className="h-10">
+            {isFetchingNextPage && (
+              <div className="flex items-center justify-center py-4">
+                <span>더 불러오는 중...</span>
+              </div>
+            )}
+          </div>
+        </>
+      )}
     </>
   );
 }
diff --git a/src/pages/receive/index.tsx b/src/pages/receive/index.tsx
index 09399549..d1e54e0d 100644
--- a/src/pages/receive/index.tsx
+++ b/src/pages/receive/index.tsx
@@ -17,6 +17,8 @@ import Link from "next/link";
 import withAuthAccess from "@/stores/withAuthAccess";
 import { PlanItem } from "@/services/requestService";
 import loading from "@public/assets/icon_loading.gif";
+
+
 export function Receive() {
   const [filterIsOpen, setFilterIsOpen] = useState<boolean>(false);
   const [quotationIsOpen, setQuotationIsOpen] = useState<boolean>(false);
diff --git a/src/pages/reject-list/index.tsx b/src/pages/reject-list/index.tsx
index 786ff113..6299a20c 100644
--- a/src/pages/reject-list/index.tsx
+++ b/src/pages/reject-list/index.tsx
@@ -7,6 +7,7 @@ import { useEffect } from "react";
 import withAuthAccess from "@/stores/withAuthAccess";
 import Image from "next/image";
 import loading from "@public/assets/icon_loading.gif";
+import request_empty from "@public/assets/icon_luggage_frown.svg";
 
 export function RejectList() {
   const { ref, inView } = useInView();
@@ -51,20 +52,29 @@ export function RejectList() {
           </Link>
         </div>
       </div>
-      <div className="mobiel-tablet:felx pt-10 pc:grid pc:grid-cols-2 pc:gap-2 mobile-tablet:grid-cols-none mobile-tablet:flex-col mobile-tablet:items-center mobile-tablet:justify-center">
-        {allItems.map((item) => (
-          <SendQuotation key={item.id} data={item} />
-        ))}
-      </div>
-      <div ref={ref} className="h-10">
-        {isFetchingNextPage && (
-          <div className="flex items-center justify-center py-4">
-            <span>더 불러오는 중...</span>
+      {allItems.length === 0 ? (
+        <div className="flex flex-col items-center justify-center pt-10">
+          <Image src={request_empty} alt="request_empty" width={300} height={300} />
+          <p className="semibold text-xl text-color-gray-300">아직 반려된 견적이 없어요!</p>
+        </div>
+      ) : (
+        <>
+          <div className="mobiel-tablet:felx pt-10 pc:grid pc:grid-cols-2 pc:gap-2 mobile-tablet:grid-cols-none mobile-tablet:flex-col mobile-tablet:items-center mobile-tablet:justify-center">
+            {allItems.map((item) => (
+              <SendQuotation key={item.id} data={item} />
+            ))}
           </div>
-        )}
-      </div>
+          <div ref={ref} className="h-10">
+            {isFetchingNextPage && (
+              <div className="flex items-center justify-center py-4">
+                <span>더 불러오는 중...</span>
+              </div>
+            )}
+          </div>
+        </>
+      )}
     </>
   );
 }
 
-export default withAuthAccess(RejectList,"MAKER");
+export default withAuthAccess(RejectList, "MAKER");

From 8a3c0152ed2906fcb72bce20c975e0cc86cd6e32 Mon Sep 17 00:00:00 2001
From: bangsinchur <sinchurbang123@gmail.com>
Date: Sat, 22 Feb 2025 23:28:38 +0900
Subject: [PATCH 3/4] =?UTF-8?q?feat:=EB=A9=94=EC=9D=B4=EC=BB=A4=20?=
 =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=EC=88=98=EC=A0=95=ED=95=98?=
 =?UTF-8?q?=EA=B8=B0=20sns=EA=B2=80=EC=A6=9D=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/ProfileEditMaker.tsx | 36 +++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/features/ProfileEditMaker.tsx b/src/features/ProfileEditMaker.tsx
index d0decf00..47b273ee 100644
--- a/src/features/ProfileEditMaker.tsx
+++ b/src/features/ProfileEditMaker.tsx
@@ -25,6 +25,7 @@ export default function ProfileEditorMaker({ makerId }: ProfileEditMakerProps) {
   const [description, setDescription] = useState<string>("");
   const [detailDescription, setDetailDescription] = useState<string>("");
   const [snsAddress, setSnsAddress] = useState<string>("");
+  const [snsAddressError, setSnsAddressError] = useState<string>("");
   const [userId, setUserId] = useState<string>((makerId as string) || ""); // makerId로 초기화
 
   useEffect(() => {
@@ -79,8 +80,29 @@ export default function ProfileEditorMaker({ makerId }: ProfileEditMakerProps) {
     setDetailDescription(e.target.value);
   };
 
+  const validateSnsUrl = (url: string): boolean => {
+    if (!url) return true;
+    const snsUrlPattern =
+      /^@?(https?:\/\/)?(www\.)?(instagram\.com|facebook\.com|twitter\.com|x\.com|youtube\.com|tiktok\.com)\/[a-zA-Z0-9_.-]+\/?$/;
+    return snsUrlPattern.test(url);
+  };
+
   const handleSnsAddressChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
-    setSnsAddress(e.target.value);
+    const value = e.target.value;
+    setSnsAddress(value);
+    setSnsAddressError(""); // 입력 중에는 에러 메시지 제거
+  };
+
+  const handleSnsAddressBlur = () => {
+    if (!snsAddress) {
+      setSnsAddressError("SNS 주소를 입력해주세요.");
+    } else if (!validateSnsUrl(snsAddress)) {
+      setSnsAddressError(
+        "올바른 SNS 주소를 입력해주세요. (예: https://www.instagram.com/username)",
+      );
+    } else {
+      setSnsAddressError("");
+    }
   };
 
   const handleSubmit = async () => {
@@ -142,15 +164,17 @@ export default function ProfileEditorMaker({ makerId }: ProfileEditMakerProps) {
             <div>
               <Input
                 label="SNS 주소"
-                className="mb-8 border-none border-color-line-100 bg-color-background-200"
+                className="mb-8 overflow-hidden text-ellipsis border-none border-color-line-100 bg-color-background-200"
                 type="text"
-                placeholder="SNS 주소를 입력해주세요."
+                placeholder="예시:www.instagram.com/username"
                 value={snsAddress}
                 onChange={handleSnsAddressChange}
+                onBlur={handleSnsAddressBlur}
+                error={snsAddressError}
               />
               <Input
-                className="border-none bg-color-background-200"
-                label="한 줄 소개*"
+                className="overflow-hidden text-ellipsis border-none bg-color-background-200"
+                label="한 줄 소개"
                 type="text"
                 placeholder="한 줄 소개를 입력해주세요."
                 value={description}
@@ -169,7 +193,7 @@ export default function ProfileEditorMaker({ makerId }: ProfileEditMakerProps) {
               onChange={handleDetailDescriptionChange}
             />
             <div>
-              <p className="semibold mb-3 text-xl mobile-tablet:text-lg">제공 서비스*</p>
+              <p className="semibold mb-3 text-xl mobile-tablet:text-lg">제공 서비스</p>
               <p className="mb-4 text-lg text-color-gray-400 mobile-tablet:text-xs">
                 *제공 서비스는 중복 선택 가능하며, 언제든 수정 가능해요!
               </p>

From adc2364e038e051c9c52af1724b116158435e2c2 Mon Sep 17 00:00:00 2001
From: bangsinchur <sinchurbang123@gmail.com>
Date: Sat, 22 Feb 2025 23:38:25 +0900
Subject: [PATCH 4/4] =?UTF-8?q?feat:=20sns=20=EC=A3=BC=EC=86=8C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=93=A0=20=EC=A0=95=EA=B7=9C=EC=8B=9D=20=ED=8F=AC?=
 =?UTF-8?q?=ED=95=A8=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/ProfileEditMaker.tsx | 2 +-
 src/features/ProfileMaker.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/ProfileEditMaker.tsx b/src/features/ProfileEditMaker.tsx
index 47b273ee..8cc2e68e 100644
--- a/src/features/ProfileEditMaker.tsx
+++ b/src/features/ProfileEditMaker.tsx
@@ -83,7 +83,7 @@ export default function ProfileEditorMaker({ makerId }: ProfileEditMakerProps) {
   const validateSnsUrl = (url: string): boolean => {
     if (!url) return true;
     const snsUrlPattern =
-      /^@?(https?:\/\/)?(www\.)?(instagram\.com|facebook\.com|twitter\.com|x\.com|youtube\.com|tiktok\.com)\/[a-zA-Z0-9_.-]+\/?$/;
+      /^@?(https?:\/\/)?(www\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+\/[a-zA-Z0-9_.-]+\/?$/;
     return snsUrlPattern.test(url);
   };
 
diff --git a/src/features/ProfileMaker.tsx b/src/features/ProfileMaker.tsx
index 40413681..12fcb708 100644
--- a/src/features/ProfileMaker.tsx
+++ b/src/features/ProfileMaker.tsx
@@ -53,7 +53,7 @@ export default function ProfileMaker() {
   const validateSnsUrl = (url: string): boolean => {
     if (!url) return true;
     const snsUrlPattern =
-      /^@?(https?:\/\/)?(www\.)?(instagram\.com|facebook\.com|twitter\.com|x\.com|youtube\.com|tiktok\.com)\/[a-zA-Z0-9_.-]+\/?$/;
+      /^@?(https?:\/\/)?(www\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+\/[a-zA-Z0-9_.-]+\/?$/;
     return snsUrlPattern.test(url);
   };