30 lines
791 B
TypeScript
30 lines
791 B
TypeScript
import React, { useEffect, useState } from 'react';
|
|
import { useAuth } from '../../src/admin/components/utilities/Auth';
|
|
import { User } from '../../src/auth';
|
|
import { UIField } from '../../src/fields/config/types';
|
|
|
|
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);
|
|
};
|
|
|
|
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>
|
|
);
|
|
};
|