diff --git a/src/components/Common/Input.tsx b/src/components/Common/Input.tsx index 80c0f95..7b959d9 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) => void; + onBlur?: (e: React.FocusEvent) => void; placeholder?: string; className?: string; - error?: boolean; + error?: string | boolean; } & Omit, "type"> & Omit, "type">; @@ -23,6 +24,7 @@ const Input = forwardRef( name, value, onChange, + onBlur = () => {}, placeholder = "", className = "", error = false, @@ -80,6 +82,7 @@ const Input = forwardRef( name={name} value={value} onChange={onChange} + onBlur={onBlur} placeholder={placeholder} {...rest} /> @@ -93,6 +96,9 @@ const Input = forwardRef( )} {inputType} + {typeof error === "string" && error && ( +

{error}

+ )} ); }, diff --git a/src/components/MyPlans/Cards/QuotationCard.tsx b/src/components/MyPlans/Cards/QuotationCard.tsx index 0306f6f..db95853 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
-

견적 금액

+

견적 코코넛

{" "} - {quotationDetail.price.toLocaleString()}원 + {quotationDetail.price.toLocaleString()}개

@@ -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} > - 플랜 확정하기 + 견적 확정하기 )}