Merge pull request #135 from DevKor-github/fix/input

fix: 숫자 키패트 뜨게
DevKor-github · Sep 5, 2024 · 6a87d41 · 6a87d41
2 parents 352ef8b + 2cac1b3
commit 6a87d41
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/InputBox/InputBox.tsx b/components/InputBox/InputBox.tsx
@@ -7,6 +7,7 @@ type StatusType = 'default' | 'focus' | 'filled';
 
 interface InputBoxProps {
   type?: 'new' | 'edit';
+  inputType?: 'number' | 'text';
   value: string;
   setValue: (value: string) => void;
   placeholder?: string;
@@ -21,6 +22,7 @@ interface InputBoxProps {
 }
 export function InputBox({
   type = 'new',
+  inputType = 'text',
   value,
   setValue,
   placeholder,
@@ -36,6 +38,7 @@ export function InputBox({
   return (
     <Wrapper>
       <Input
+        inputMode={inputType === 'number' ? 'numeric' : undefined}
         $status={status}
         $error={error}
         $changeable={changeable}

diff --git a/components/Signup/SetPhoneNumber/SetPhoneNumber.tsx b/components/Signup/SetPhoneNumber/SetPhoneNumber.tsx
@@ -25,6 +25,7 @@ export function SetPhoneNumber() {
       <FormWrapper>
         <InputBox
           placeholder="전화번호"
+          inputType="number"
           value={phoneNumber}
           setValue={setValue}
           error={error === 'phoneNumber'}