1ebd54b315
Allows username to be optional when using the new loginWithUsername
feature. This can be done by the following:
```ts
auth: {
loginWithUsername: {
requireUsername: false, // <-- new property, default true
requireEmail: false, // default: false
allowEmailLogin: true, // default false
},
},
```
30 lines
718 B
TypeScript
30 lines
718 B
TypeScript
'use client'
|
|
|
|
import type { UIField, User } from 'payload'
|
|
|
|
import { useAuth } from '@payloadcms/ui'
|
|
import React, { useEffect, useState } from 'react'
|
|
|
|
export const AuthDebug: React.FC<UIField> = () => {
|
|
const [state, setState] = useState<User | null | undefined>()
|
|
const { user } = useAuth()
|
|
|
|
useEffect(() => {
|
|
const fetchUser = async () => {
|
|
const userRes = await fetch(`/api/users/${user?.id}`)?.then((res) => res.json())
|
|
setState(userRes)
|
|
}
|
|
|
|
if (user?.id) {
|
|
void fetchUser()
|
|
}
|
|
}, [user])
|
|
|
|
return (
|
|
<div id="auth-debug">
|
|
<div id="use-auth-result">{user?.custom as string}</div>
|
|
<div id="users-api-result">{state?.custom as string}</div>
|
|
</div>
|
|
)
|
|
}
|