(null);
+ // Check client-side if user is logged in:
+ useEffect(() => {
+ supabase.auth.onAuthStateChange((event, session) => {
+ console.log('Auth event:', event);
+ if (event === 'SIGNED_OUT') {
+ setUser(null);
+ } else {
+ setUser(session?.user!);
+ }
+ });
+ }, []);
+
+ return (
+ <>
+ Hono Supabase Auth Example!
+ Sign in
+ {!user ? (
+
+ ) : (
+
+ )}
+ Example of API fetch()
+
+ Example of database read
+
+ Note that only authenticated users are able to read from the database!
+
+ Get countries
+
+ );
+}
+
+function SignIn() {
+ return (
+ <>
+
+ Ready about and enable{' '}
+
+ anonymous signins here!
+
+
+
+
+ );
+}
+
+const UserDetailsButton = () => {
+ const [response, setResponse] = useState(null);
+
+ const handleClick = async () => {
+ const response = await client.api.user.$get();
+ const data = await response.json();
+ const headers = Array.from(response.headers.entries()).reduce<
+ Record
+ >((acc, [key, value]) => {
+ acc[key] = value;
+ return acc;
+ }, {});
+ const fullResponse = {
+ url: response.url,
+ status: response.status,
+ headers,
+ body: data,
+ };
+ setResponse(JSON.stringify(fullResponse, null, 2));
+ };
+
+ return (
+
+
+ {response &&
{response}}
+