add error message handler, add request animation

2026-03-04 17:16:30 +07:00
parent a11abdbb56
commit b8c439d2d7
8 changed files with 65 additions and 14 deletions
@@ -194,13 +194,22 @@ export default function ResetPasswordForm() {
 					</p>
 				)}
 			</div>
-			{/* {state?.error.server && (
+			{formState?.error?.server && (
 				<p className={`${styles['form-error']}`}>
-					{t(state?.error.server)}
+					{t(formState?.error?.server)}
 				</p>
-			)} */}
-			<button type="submit" className={`${styles['btn']}`}>
+			)}
+			<button
+				type="submit"
+				className={`${styles['btn']}`}
+				disabled={isPending}
+			>
 				{t('change-password')}
+				{isPending && (
+					<div className="loading-animation">
+						<div className="global-spinner"></div>
+					</div>
+				)}
 			</button>
 		</form>
 	)