diff --git a/audire/audire-mobile-app/src/modules/login/VerificationForm.tsx b/audire/audire-mobile-app/src/modules/login/VerificationForm.tsx index b3693c2..86b8033 100644 --- a/audire/audire-mobile-app/src/modules/login/VerificationForm.tsx +++ b/audire/audire-mobile-app/src/modules/login/VerificationForm.tsx @@ -86,6 +86,15 @@ const VerificationView: FC = ({ }); }; + const handleBackspace = (index: number) => { + const prevRef = inputRefs.current[index - 1]; + prevRef?.current?.focus?.(); + setOTPValues((prev) => { + prev[index - 1] = ''; + return [...prev]; + }); + }; + const handleResendOTP = () => { triggerOTP({ mobile }); setResendCountdown(60); @@ -112,6 +121,11 @@ const VerificationView: FC = ({ keyboardType="numeric" onChangeText={(newValue) => handleOtpInputChange(index, newValue)} maxLength={1} + onKeyPress={({ nativeEvent }) => { + if (nativeEvent.key === 'Backspace') { + handleBackspace(index); + } + }} /> )); }; @@ -119,9 +133,9 @@ const VerificationView: FC = ({ return ( - + Verify - + OTP