From 17ca9d3a78f7b774210034a04b1a69c75e1ed055 Mon Sep 17 00:00:00 2001
From: Xavier Abad <77491413+masterprog-cmd@users.noreply.github.com>
Date: Fri, 4 Oct 2024 16:33:40 +0200
Subject: [PATCH] fix: handle Enter for CheckoutUserAuth component

---
 .../payment/components/checkout/CheckoutUserAuth.tsx  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/payment/components/checkout/CheckoutUserAuth.tsx b/src/app/payment/components/checkout/CheckoutUserAuth.tsx
index b25e6ffa9..c9badd828 100644
--- a/src/app/payment/components/checkout/CheckoutUserAuth.tsx
+++ b/src/app/payment/components/checkout/CheckoutUserAuth.tsx
@@ -45,12 +45,21 @@ export const CheckoutUserAuth = ({
     signUp: translate('auth.signup.login'),
   };
 
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+    }
+  };
+
   return (
     <div className="flex flex-col space-y-8">
       <p className="text-2xl font-semibold text-gray-100">
         1. {translate(`checkout.authComponent.title.${authMethod}`)}
       </p>
-      <div className="flex flex-col space-y-4 rounded-2xl border border-gray-10 bg-surface p-5">
+      <div
+        onKeyDown={handleKeyDown}
+        className="flex flex-col space-y-4 rounded-2xl border border-gray-10 bg-surface p-5"
+      >
         {isUserSignedIn ? (
           <div className="flex w-full items-center justify-center">
             <div className="flex flex-col items-center gap-2.5">