From b99ccb1a5a81f0a8370df7d6793bdf9858a1f497 Mon Sep 17 00:00:00 2001
From: Amit Sharma <74371312+Amit91848@users.noreply.github.com>
Date: Fri, 5 Jan 2024 17:58:20 +0530
Subject: [PATCH] fix: Can't resubmit otp while verifying email (#13034)

* Can't resubmit otp while verifying email fix

* submit button added

* chore: remove disabled

---------

Co-authored-by: Udit Takkar <udit222001@gmail.com>
---
 .../bookings/components/VerifyCodeDialog.tsx     | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/features/bookings/components/VerifyCodeDialog.tsx b/packages/features/bookings/components/VerifyCodeDialog.tsx
index c371e29277..8c8eece806 100644
--- a/packages/features/bookings/components/VerifyCodeDialog.tsx
+++ b/packages/features/bookings/components/VerifyCodeDialog.tsx
@@ -4,7 +4,16 @@ import useDigitInput from "react-digit-input";
 
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
-import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, Label, Input } from "@calcom/ui";
+import {
+  Button,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  Label,
+  Input,
+} from "@calcom/ui";
 import { Info } from "@calcom/ui/components/icon";
 
 export const VerifyCodeDialog = ({
@@ -45,6 +54,7 @@ export const VerifyCodeDialog = ({
     },
     onError: (err) => {
       setIsLoading(false);
+      setHasVerified(false);
       if (err.message === "invalid_code") {
         setError(t("code_provided_invalid"));
       }
@@ -58,6 +68,7 @@ export const VerifyCodeDialog = ({
     },
     onError: (err) => {
       setIsLoading(false);
+      setHasVerified(false);
       if (err.message === "invalid_code") {
         setError(t("code_provided_invalid"));
       }
@@ -138,6 +149,9 @@ export const VerifyCodeDialog = ({
             )}
             <DialogFooter>
               <DialogClose />
+              <Button type="submit" onClick={verifyCode} loading={isLoading}>
+                {t("submit")}
+              </Button>
             </DialogFooter>
           </div>
         </div>