[feat] Email Reaonly 처리

bsideproject · Nov 14, 2023 · 2fc2df6 · 2fc2df6
1 parent 54cbdc0
commit 2fc2df6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git 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
@@ -135,6 +135,7 @@ export default function EditProfile({ _imageSrc, userInfo }: ProfileProps) {
               },
             })}
             error={errors.email as FieldError}
+            readOnly
             fixedWord={userInfo?.email || ''}
           />
         </div>