From 2fc2df68d10e4461792d090f6c1d85571a6d3543 Mon Sep 17 00:00:00 2001
From: JAEMOONLEE <leejaemoon@lotte.net>
Date: Tue, 14 Nov 2023 16:24:21 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20Email=20Reaonly=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Input/Input.tsx     | 4 +++-
 pages/userInfo/editProfile.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/Input/Input.tsx b/components/Input/Input.tsx
index e1df4b1..5e9a6a5 100644
--- a/components/Input/Input.tsx
+++ b/components/Input/Input.tsx
@@ -9,10 +9,11 @@ interface InputProps {
   error?: FieldError;
   maxLength?: number;
   disabled?: boolean;
+  readOnly?: boolean;
   fixedWord?: string;
 }
 
-function Input({ placeholder, register, type, error, maxLength, disabled, fixedWord }: InputProps) {
+function Input({ placeholder, register, type, error, maxLength, disabled, readOnly, fixedWord }: InputProps) {
   const hasError = error && error.message;
   const [isPasswordShow, setIsPasswordShow] = useState(false);
   const inputType = useMemo(() => {
@@ -53,6 +54,7 @@ function Input({ placeholder, register, type, error, maxLength, disabled, fixedW
         {...register}
         onChange={handleChange}
         value={inputValue}
+        readOnly={readOnly}
       />
       <button
         className="absolute inset-y-0 right-0 flex items-center mx-4 text-gray-600 h-fit pt-[12px]"
diff --git a/pages/userInfo/editProfile.tsx b/pages/userInfo/editProfile.tsx
index cd1cbc2..df6ff5f 100644
--- a/pages/userInfo/editProfile.tsx
+++ b/pages/userInfo/editProfile.tsx
@@ -135,6 +135,7 @@ export default function EditProfile({ _imageSrc, userInfo }: ProfileProps) {
               },
             })}
             error={errors.email as FieldError}
+            readOnly
             fixedWord={userInfo?.email || ''}
           />
         </div>