resend

src/features/auth/components/StepEnterOtp.tsx

@@ -22,6 +22,15 @@ type Props = {
   pending?: boolean | undefined
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>
 
+const formatCountdown = (seconds: number) => {
+  const mins = Math.floor(seconds / 60)
+  const secs = seconds % 60
+  if (mins > 0) {
+    return `${mins}:${String(secs).padStart(2, '0')}`
+  }
+  return String(seconds)
+}
+
 function StepEnterOtp ({
   onChange,
   onClick,
@@ -87,10 +96,7 @@ function StepEnterOtp ({
           <div>
             {timerRunning ? (
               <div>
-                {t('OTP.TimerRunning').replace(
-                  '{seconds}',
-                  String(secondsLeft)
-                )}
+                {t('OTP.TimerRunning', { time: formatCountdown(secondsLeft) })}
               </div>
             ) : (
               <div>