fix: TitleStep에서 PriceStep으로 이동했을 때, billInfo.price 초기화되던 오류 수정

client/src/components/Design/components/NumberKeyboard/NumberKeyboard.tsx

@@ -11,16 +11,18 @@ export type KeyboardType = 'number' | 'string' | 'amount';
 interface Props {
   type: KeyboardType;
   maxNumber: number;
+  initialValue?: string;
   onChange: (value: string) => void;
 }
 
-export default function NumberKeyboard({type, maxNumber, onChange}: Props) {
+export default function NumberKeyboard({type, maxNumber, initialValue, onChange}: Props) {
   const {theme} = useTheme();
   const amountKeypads = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '00', '0', '<-'];
   const numberKeypads = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '', '0', '<-'];
 
   const {onClickKeypad, onClickDelete, onClickDeleteAll, onClickAddAmount} = useNumberKeyboard({
     type,
+    initialValue,
     maxNumber,
     onChange,
   });

client/src/components/Design/components/NumberKeyboard/useNumberKeyboard.tsx

@@ -5,11 +5,12 @@ import {KeyboardType} from './NumberKeyboard';
 interface Props {
   type: KeyboardType;
   maxNumber?: number;
+  initialValue?: string;
   onChange: (value: string) => void;
 }
 
-const useNumberKeyboard = ({type, maxNumber, onChange}: Props) => {
-  const [value, setValue] = useState('');
+const useNumberKeyboard = ({type, maxNumber, initialValue, onChange}: Props) => {
+  const [value, setValue] = useState(initialValue ?? '');
 
   const onClickKeypad = (inputValue: string) => {
     const newValue = (value + inputValue).replace(/,/g, '');

client/src/pages/BillPage/steps/PriceStep.tsx

@@ -45,7 +45,12 @@ const PriceStep = ({billInfo, setBillInfo, setStep}: Props) => {
           bottom: 6.25rem;
         `}
       >
-        <NumberKeyboard type="amount" maxNumber={10000000} onChange={handleNumberKeyboardChange} />
+        <NumberKeyboard
+          type="amount"
+          maxNumber={10000000}
+          initialValue={billInfo.price}
+          onChange={handleNumberKeyboardChange}
+        />
       </div>
       <FixedButton disabled={!billInfo.price} onClick={handleNextStep} onBackClick={() => navigate(-1)}>
         다음으로