From 97dfacd133ce654a8f5e58c429a20d2bf4befa95 Mon Sep 17 00:00:00 2001 From: Harsh Acharya <72140070+haaarsh619@users.noreply.github.com> Date: Tue, 3 Oct 2023 12:56:33 +0530 Subject: [PATCH] fix: Error in Pricing Page Validation for Signup Now Modal (#497) * fix: signup modal validation on close * fix: restore auto focus input --- .../src/components/(marketing)/claim-plan-dialog.tsx | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/apps/marketing/src/components/(marketing)/claim-plan-dialog.tsx b/apps/marketing/src/components/(marketing)/claim-plan-dialog.tsx index 903d691bb..b27722ea3 100644 --- a/apps/marketing/src/components/(marketing)/claim-plan-dialog.tsx +++ b/apps/marketing/src/components/(marketing)/claim-plan-dialog.tsx @@ -1,6 +1,6 @@ 'use client'; -import React, { useState } from 'react'; +import React, { useEffect, useState } from 'react'; import { useSearchParams } from 'next/navigation'; @@ -55,8 +55,8 @@ export const ClaimPlanDialog = ({ className, planId, children }: ClaimPlanDialog register, handleSubmit, formState: { errors, isSubmitting }, + reset, } = useForm({ - mode: 'onBlur', defaultValues: { name: params?.get('name') ?? '', email: params?.get('email') ?? '', @@ -91,6 +91,12 @@ export const ClaimPlanDialog = ({ className, planId, children }: ClaimPlanDialog } }; + useEffect(() => { + if (!isSubmitting && !open) { + reset(); + } + }, [open]); + return ( !isSubmitting && setOpen(value)}> {children}