Function useUserMetadata

app/hooks/useUserMetadata.ts:12–41

(email: string)

}

export function useUserMetadata(email: string) {
	const { userDirectoryUrl } = useOutletContext<{ userDirectoryUrl?: string }>()
	const search = new URLSearchParams({ email })

	const key = `${userDirectoryUrl}?${search}`

	const initialData: UserMetadata = {
		displayName: email,
	}

	return useQuery({
		initialData,
		queryKey: [key],
		queryFn: async ({ queryKey: [key] }) => {
			if (userDirectoryUrl === undefined) return Promise.resolve(initialData)
			const response = await fetch(key, { credentials: 'include' })

			if (
				response.headers.get('Content-Type')?.startsWith('application/json')
			) {
				const parsedData: UserMetadata = (await response.json()) as any
				return {
					...parsedData,
					displayName: `${parsedData.firstName} ${parsedData.lastName}`,
				}
			}
			return initialData
		},
	})
}