From edbaab9dd43109c9bfecc686a3bca995a58724d0 Mon Sep 17 00:00:00 2001
From: Georgi 7DIGIT <georgi@7digit.io>
Date: Thu, 8 Feb 2024 12:30:50 +0200
Subject: [PATCH] Add: disable login button after multiple failed attempts

---
 App.js                     |  4 ++++
 src/blocks/Login/Login.jsx | 15 +++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/App.js b/App.js
index 90f2cf36..a88ffde5 100644
--- a/App.js
+++ b/App.js
@@ -64,6 +64,8 @@ function App() {
   const [isAnonymousRegister, setIsAnonymousRegister] = useState(false);
   const [theme, setTheme] = useState(null);
 
+  const [isLoginDisabled, setIsLoginDisabled] = useState(false);
+
   const [dropdownOptions, setDropdownOptions] = useState({
     isOpen: false,
     options: [],
@@ -187,6 +189,8 @@ function App() {
     setIsAnonymousRegister,
     theme,
     setTheme,
+    isLoginDisabled,
+    setIsLoginDisabled,
   };
 
   return (
diff --git a/src/blocks/Login/Login.jsx b/src/blocks/Login/Login.jsx
index 429b1389..6b533a50 100644
--- a/src/blocks/Login/Login.jsx
+++ b/src/blocks/Login/Login.jsx
@@ -27,7 +27,7 @@ export const Login = ({ navigation }) => {
   const { t } = useTranslation("login");
   const queryClient = useQueryClient();
 
-  const { setToken } = useContext(Context);
+  const { setToken, isLoginDisabled, setIsLoginDisabled } = useContext(Context);
 
   const [data, setData] = useState({
     email: "",
@@ -68,6 +68,17 @@ export const Login = ({ navigation }) => {
     },
     onError: (error) => {
       const { message: errorMessage } = useError(error);
+      const errorCode = error.response.status;
+      if (errorCode === 429 && !isLoginDisabled) {
+        // If the user is rate limited, disable the login button for the remaining cooldown time
+        const remainingCooldownInSeconds =
+          error.response.data?.error?.customData?.remainingCooldownInSeconds ||
+          0;
+        setIsLoginDisabled(true);
+        setTimeout(() => {
+          setIsLoginDisabled(false);
+        }, remainingCooldownInSeconds * 1000);
+      }
       setErrors({ submit: errorMessage });
     },
   });
@@ -133,7 +144,7 @@ export const Login = ({ navigation }) => {
             label={t("login_label")}
             size="lg"
             onPress={handleLogin}
-            disabled={!data.email || !data.password}
+            disabled={!data.email || !data.password || isLoginDisabled}
             loading={loginMutation.isLoading}
             isSubmit
             style={styles.loginButton}