fix some login stuff

Author: elvincheng3

apps/web/src/components/SignIn.tsx

@@ -16,9 +16,7 @@ export const SignIn: React.FC = () => {
   const [loading, setLoading] = useState(false);
 
   const handleLogin = async () => {
-    setLoading(true);
     const loginResult = await login(loginForm.email, loginForm.password);
-    setLoading(false);
     return loginResult;
   };
 
@@ -49,6 +47,7 @@ export const SignIn: React.FC = () => {
         color="#FFF"
         marginBottom="20px"
         onClick={async () => {
+          setLoading(true);
           try {
             if (!(await handleLogin())) {
               toaster.create({
@@ -67,6 +66,7 @@ export const SignIn: React.FC = () => {
               duration: 3000,
             });
           }
+          setLoading(false);
         }}
         loading={loading}
         disabled={loading}

apps/web/src/context/AuthContext.tsx

@@ -22,6 +22,7 @@ import {
 } from '../client';
 import { client } from '@web/client/client.gen';
 import { employeesControllerOnboardEmployeeMutation } from '@web/client/@tanstack/react-query.gen';
+import { AxiosError } from 'axios';
 // Reference: https://blog.finiam.com/blog/predictable-react-authentication-with-the-context-api
 
 export const AuthContext = createContext<AuthContextType>(
@@ -127,6 +128,11 @@ export const AuthProvider = ({ children }: any) => {
         },
       })
         .then(async (response) => {
+          if (response instanceof AxiosError) {
+            if (response.response?.status === 401) {
+              throw new Error('Invalid email or password');
+            }
+          }
           if (response.data == null) {
             return false;
           }