chore: update login button

Author: Rukeeo1

ch10/devjobs/apps/devjobs-frontend/src/app/Login/index.tsx

@@ -12,7 +12,6 @@ export function Login() {
 
   const { login } = useAuth();
 
-
   const handleSubmit = async (e: React.FormEvent) => {
     try {
       e.preventDefault();
@@ -22,13 +21,12 @@ export function Login() {
         data: { email, password },
       });
 
-   
       login(response.access_token);
 
-       navigate('/jobs');
+      navigate('/jobs');
     } catch (error) {
-        // you can use your custom loggers here to handle the error in a better way
-        console.error('Login failed:', error); //
+      // you can use your custom loggers here to handle the error in a better way
+      console.error('Login failed:', error); //
     }
   };
 
@@ -60,9 +58,8 @@ export function Login() {
               onChange={(e) => setPassword(e.target.value)}
             />
           </div>
-
-          <button type='submit' className='w-full border py-2 rounded'>
-            Login
+          <button type='submit' disabled={loginMutation.isPending}>
+            {loginMutation.isPending ? 'Logging in...' : 'Login'}
           </button>
           {loginMutation.isError && (
             <p className='text-sm'>

ch10/devjobs/libs/api-client/src/generated/authentication.ts

@@ -34,16 +34,16 @@ export const postAuthLogin = (
     loginRequest: LoginRequest,
  signal?: AbortSignal
 ) => {
-      
-      
+
+
       return api<LoginResponse>(
       {url: `/auth/login`, method: 'POST',
       headers: {'Content-Type': 'application/json', },
       data: loginRequest, signal
     },
       );
     }
-  
+
 
 
 export const getPostAuthLoginMutationOptions = <TError = ErrorResponse,
@@ -57,7 +57,7 @@ const {mutation: mutationOptions} = options ?
       : {...options, mutation: {...options.mutation, mutationKey}}
       : {mutation: { mutationKey, }};
 
-      
+
 
 
       const mutationFn: MutationFunction<Awaited<ReturnType<typeof postAuthLogin>>, {data: LoginRequest}> = (props) => {
@@ -66,7 +66,7 @@ const {mutation: mutationOptions} = options ?
           return  postAuthLogin(data,)
         }
 
-        
+
 
 
   return  { mutationFn, ...mutationOptions }}
@@ -91,4 +91,3 @@ export const usePostAuthLogin = <TError = ErrorResponse,
 
       return useMutation(mutationOptions, queryClient);
     }
-