chore(otp): fix htmx loader

handlers/apis/email_login.go

@@ -93,27 +93,39 @@ func (e *emailLoginApi) HandleEmailSignup(w http.ResponseWriter, r *http.Request
 func (e *emailLoginApi) HandleEmailOTPVerification(w http.ResponseWriter, r *http.Request) {
 	verificationToken, err := r.Cookie(handlers.VerificationTokenKey)
 	if err != nil {
-		w.Write([]byte("Invalid verification token"))
+		// w.Write([]byte("Invalid verification token"))
+		status.
+			GenericError("Invalid verification token").
+			Render(context.Background(), w)
 		return
 	}
 	if verificationToken.Expires.After(time.Now().UTC()) {
-		w.Write([]byte("Expired verification token"))
+		// w.Write([]byte("Expired verification token"))
+		status.
+			GenericError("Expired verification token").
+			Render(context.Background(), w)
 		return
 	}
 
 	var reqBody entities.OtpRequest
 	err = json.NewDecoder(r.Body).Decode(&reqBody)
 	if err != nil {
 		log.Error(err)
-		w.WriteHeader(http.StatusBadRequest)
+		// w.WriteHeader(http.StatusBadRequest)
+		status.
+			GenericError("Invalid verification token").
+			Render(context.Background(), w)
 		return
 	}
 
 	sessionToken, err := e.service.VerifyOtp(verificationToken.Value, reqBody)
 	// TODO: specify errors further suka
 	if err != nil {
 		log.Error(err)
-		w.WriteHeader(http.StatusInternalServerError)
+		// w.WriteHeader(http.StatusInternalServerError)
+		status.
+			GenericError("Something went wrong...").
+			Render(context.Background(), w)
 		return
 	}
 

views/components/otp/otp.templ

@@ -10,6 +10,9 @@ templ VerifyOtp() {
 		class={ "flex", "flex-col", "gap-y-[15px]", "lg:gap-y-[35px]" }
 		hx-post="/api/verify-otp"
 		hx-ext="json-enc"
+		hx-target="#replaceable-login-form"
+		data-loading-target="#loading"
+		data-loading-class-remove="hidden"
 	>
 		<div class={ "flex", "flex-col", "gap-y-[10px]" }>
 			<label class={ "text-white", "text-[16px]" } for="otp">One Time Password</label>