- 수기발행,1:1문의 등록, 빌링 모바일 용 패딩 추가 로직 추가

src/entities/transaction/ui/cash-receipt-hand-written-issuance-step2.tsx

@@ -3,6 +3,7 @@ import { useSetOnBack } from '@/widgets/sub-layout/use-sub-layout';
 import { ProcessStep } from '../model/types';
 import { NumericFormat } from 'react-number-format';
 import { useTranslation } from 'react-i18next';
+import { useKeyboardAware } from '@/shared/lib/hooks/use-keyboard-aware';
 
 export interface CashReceiptHandWrittenIssuanceStep2Props {
   setProcessStep: (processStep: ProcessStep) => void;
@@ -33,6 +34,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
   onClickToVatCalculate
 }: CashReceiptHandWrittenIssuanceStep2Props) => {
   const { t } = useTranslation();
+  const { handleInputFocus, keyboardAwarePadding } = useKeyboardAware();
 
   useSetOnBack(() => {
     setProcessStep(ProcessStep.One);
@@ -52,6 +54,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
                 allowNegative={ false }
                 displayType="input"
                 onChange={ (e: ChangeEvent<HTMLInputElement>) => setIssueAmount(parseInt(e.target.value)) }
+                onFocus={handleInputFocus}
               ></NumericFormat>
               <button
                 className="btn-40 btn-white"
@@ -70,6 +73,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
               allowNegative={ false }
               displayType="input"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setSupplyAmount(parseInt(e.target.value)) }
+              onFocus={handleInputFocus}
             ></NumericFormat>
           </div>
         </div>
@@ -81,6 +85,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
               allowNegative={ false }
               displayType="input"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setVatAmount(parseInt(e.target.value)) }
+              onFocus={handleInputFocus}
             ></NumericFormat>
           </div>
         </div>
@@ -92,10 +97,11 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
               allowNegative={ false }
               displayType="input"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setTaxFreeAmount(parseInt(e.target.value)) }
+              onFocus={handleInputFocus}
             ></NumericFormat>
           </div>
         </div>
-        <div className="issue-row">
+        <div className="issue-row" style={keyboardAwarePadding}>
           <div className="issue-label">{t('transaction.fields.serviceAmount')}</div>
           <div className="issue-field">
             <NumericFormat
@@ -103,6 +109,7 @@ export const CashReceiptHandWrittenIssuanceStep2 = ({
               allowNegative={ false }
               displayType="input"
               onChange={ (e: ChangeEvent<HTMLInputElement>) => setServiceCharge(parseInt(e.target.value)) }
+              onFocus={handleInputFocus}
             ></NumericFormat>
           </div>
         </div>