Change username auth's login to have the same signature as the rest of the functions

Author: cprecioso

examples/waspello/src/auth/LoginPage.jsx

@@ -22,7 +22,7 @@ const LoginPage = (props) => {
     setErrorMessage('')
 
     try {
-      await login(usernameFieldVal, passwordFieldVal)
+      await login({ username: usernameFieldVal, password: passwordFieldVal })
 
       setUsernameFieldVal('')
       setPasswordFieldVal('')

examples/waspello/src/auth/SignupPage.jsx

@@ -24,7 +24,7 @@ const SignupPage = (props) => {
 
     try {
       await signup({ username: usernameFieldVal, password: passwordFieldVal })
-      await login(usernameFieldVal, passwordFieldVal)
+      await login({ username: usernameFieldVal, password: passwordFieldVal })
 
       setUsernameFieldVal('')
       setPasswordFieldVal('')

waspc/data/Generator/templates/sdk/wasp/auth/forms/internal/usernameAndPassword/useUsernameAndPassword.ts

@@ -16,7 +16,7 @@ export function useUsernameAndPassword({
       if (!isLogin) {
         await signup(data)
       }
-      await login(data.username, data.password)
+      await login(data)
 
       onSuccess()
     } catch (err: unknown) {

waspc/data/Generator/templates/sdk/wasp/auth/login.ts

@@ -2,10 +2,9 @@
 import { api, handleApiError } from 'wasp/client/api'
 import { initSession } from './helpers/user'
 
-export default async function login(username: string, password: string): Promise<void> {
+export default async function login(userFields: { username: string, password: string }): Promise<void> {
   try {
-    const args = { username, password }
-    const response = await api.post('{= loginPath =}', args)
+    const response = await api.post('{= loginPath =}', userFields)
 
     await initSession(response.data.sessionId)
   } catch (error) {

web/docs/auth/username-and-pass/create-your-own-ui.md

@@ -38,7 +38,7 @@ export function Signup() {
     setError(null)
     try {
       await signup({ username, password })
-      await login(username, password)
+      await login({ username, password })
       navigate('/')
     } catch (error) {
       setError(error)
@@ -88,7 +88,7 @@ export function Signup() {
     setError(null)
     try {
       await signup({ username, password })
-      await login(username, password)
+      await login({ username, password })
       navigate('/')
     } catch (error: unknown) {
       setError(error as Error)
@@ -142,7 +142,7 @@ export function Login() {
     event.preventDefault()
     setError(null)
     try {
-      await login(username, password)
+      await login({ username, password })
       navigate('/')
     } catch (error) {
       setError(error)
@@ -191,7 +191,7 @@ export function Login() {
     event.preventDefault()
     setError(null)
     try {
-      await login(username, password)
+      await login({ username, password })
       navigate('/')
     } catch (error: unknown) {
       setError(error as Error)
@@ -232,15 +232,15 @@ You can import the following functions from `wasp/client/auth`:
 
 An action for logging in the user.
 
-It takes two arguments:
+It takes one argument:
 
-- `username: string` <Required />
+- `userFields: object` <Required />
 
-  Username of the user logging in.
+  It has the following fields:
 
-- `password: string` <Required />
+  - `username: string` <Required />
 
-  Password of the user logging in.
+  - `password: string` <Required />
 
 :::note
 When using the exposed `login()` function, make sure to implement your redirect on success login logic (e.g. redirecting to home).