From b82b9d332f1211efba2ab4f8dcddafb4ede7e70e Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Sun, 15 Oct 2023 11:56:39 +0800
Subject: [PATCH] Prevent registers/logins multiple times when spamming buttons

---
 src/routes/Login/Login.tsx       | 78 +++++++++++++++++---------------
 src/routes/Register/Register.tsx |  2 +-
 2 files changed, 42 insertions(+), 38 deletions(-)

diff --git a/src/routes/Login/Login.tsx b/src/routes/Login/Login.tsx
index b33ef2c..9aa4422 100644
--- a/src/routes/Login/Login.tsx
+++ b/src/routes/Login/Login.tsx
@@ -27,6 +27,7 @@ import { RootState } from "../../features/redux/Store/Store";
 export default function Login() {
   const navigation = useNavigation<RootDrawerParamList>();
   const status = useSelector((state: RootState) => state.status);
+  const [logging_in, setLoggingIn] = useState(false);
   const dispatch = useDispatch();
   const [creds, setCreds] = useState({
     username: "",
@@ -76,49 +77,52 @@ export default function Login() {
         <View style={{ paddingVertical: 4 }} />
         <Button
           onPress={async () => {
-            await UserLogin({
-              username: creds.username,
-              password: creds.password,
-            }).then(async (result) => {
-              if (result[0]) {
-                setUser({ ...creds, username: "", password: "", error: "" });
-                let user_info = await GetUserInfo();
-                dispatch(login());
-                dispatch(setUser(user_info[1]));
-                // Redirect to onboarding if no year level, course, or semester specified
-                if (
-                  user_info[1].year_level == null ||
-                  user_info[1].course == null ||
-                  user_info[1].semester == null
-                ) {
-                  dispatch(setOnboarding());
-                  navigation.navigate("Onboarding");
-                  toast.show("Successfully logged in", {
-                    type: "success",
-                    placement: "top",
-                    duration: 2000,
-                    animationType: "slide-in",
-                  });
+            if (logging_in) {
+              await UserLogin({
+                username: creds.username,
+                password: creds.password,
+              }).then(async (result) => {
+                if (result[0]) {
+                  setUser({ ...creds, username: "", password: "", error: "" });
+                  let user_info = await GetUserInfo();
+                  dispatch(login());
+                  dispatch(setUser(user_info[1]));
+                  // Redirect to onboarding if no year level, course, or semester specified
+                  if (
+                    user_info[1].year_level == null ||
+                    user_info[1].course == null ||
+                    user_info[1].semester == null
+                  ) {
+                    dispatch(setOnboarding());
+                    navigation.navigate("Onboarding");
+                    toast.show("Successfully logged in", {
+                      type: "success",
+                      placement: "top",
+                      duration: 2000,
+                      animationType: "slide-in",
+                    });
+                  } else {
+                    dispatch(unsetOnboarding());
+                    toast.show("Successfully logged in", {
+                      type: "success",
+                      placement: "top",
+                      duration: 2000,
+                      animationType: "slide-in",
+                    });
+                    navigation.navigate("Home");
+                  }
+                  console.log(JSON.stringify(user_info));
                 } else {
-                  dispatch(unsetOnboarding());
-                  toast.show("Successfully logged in", {
-                    type: "success",
+                  toast.show(JSON.stringify(result[1]), {
+                    type: "warning",
                     placement: "top",
                     duration: 2000,
                     animationType: "slide-in",
                   });
-                  navigation.navigate("Home");
                 }
-                console.log(JSON.stringify(user_info));
-              } else {
-                toast.show(JSON.stringify(result[1]), {
-                  type: "warning",
-                  placement: "top",
-                  duration: 2000,
-                  animationType: "slide-in",
-                });
-              }
-            });
+                setLoggingIn(false);
+              });
+            }
           }}
         >
           <Text style={styles.text_white_small}>Login</Text>
diff --git a/src/routes/Register/Register.tsx b/src/routes/Register/Register.tsx
index 03ed006..f9ac188 100644
--- a/src/routes/Register/Register.tsx
+++ b/src/routes/Register/Register.tsx
@@ -170,7 +170,6 @@ export default function Register() {
                         animationType: "slide-in",
                       }
                     );
-                    setRegistering(false);
                     setTimeout(() => {
                       navigation.navigate("Login");
                     }, 10000);
@@ -182,6 +181,7 @@ export default function Register() {
                       animationType: "slide-in",
                     });
                   }
+                  setRegistering(false);
                 });
               } else {
                 toast.show(