From e93f1e232907f084d9069e4f5335126501dfca89 Mon Sep 17 00:00:00 2001 From: Varun Thummar <110765105+VARUN949@users.noreply.github.com> Date: Mon, 31 Jul 2023 23:43:45 +0530 Subject: [PATCH] fix: added validation for empty reset password field (#10464) * added validation for empty reset password field * removed useState and useEffect --------- Co-authored-by: varun thummar Co-authored-by: Alex van Andel --- apps/web/pages/auth/forgot-password/[id].tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/web/pages/auth/forgot-password/[id].tsx b/apps/web/pages/auth/forgot-password/[id].tsx index c7e88f4978..36ca1c3511 100644 --- a/apps/web/pages/auth/forgot-password/[id].tsx +++ b/apps/web/pages/auth/forgot-password/[id].tsx @@ -3,7 +3,6 @@ import { getCsrfToken } from "next-auth/react"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import Link from "next/link"; import type { CSSProperties } from "react"; -import React from "react"; import { useForm } from "react-hook-form"; import { useLocale } from "@calcom/lib/hooks/useLocale"; @@ -24,6 +23,8 @@ export default function Page({ requestId, isRequestExpired, csrfToken }: Props) const formMethods = useForm<{ new_password: string }>(); const success = formMethods.formState.isSubmitSuccessful; const loading = formMethods.formState.isSubmitting; + const passwordValue = formMethods.watch("new_password"); + const isEmpty = passwordValue?.length === 0; const submitChangePassword = async ({ password, requestId }: { password: string; requestId: string }) => { const res = await fetch("/api/auth/reset-password", { @@ -123,7 +124,7 @@ export default function Page({ requestId, isRequestExpired, csrfToken }: Props) loading={loading} color="primary" type="submit" - disabled={loading} + disabled={loading || isEmpty} className="w-full justify-center"> {t("reset_password")}