User profile

import { useBridgeAuth, useUser } from '@cskn/sdk';

function Profile() {
  const { isReady, token } = useBridgeAuth();
  const { data: user, isLoading, error } = useUser({ enabled: isReady && !!token });

  if (isLoading) return <Spinner />;
  if (error) return <p>Could not load your profile.</p>;
  return <h2>{user.name}</h2>;
}

import { useUpdateProfile } from '@cskn/sdk';

function EditName() {
  const { mutate, isPending } = useUpdateProfile();

  return (
    <button disabled={isPending} onClick={() => mutate({ name: 'New name' })}>
      {isPending ? 'Saving…' : 'Save'}
    </button>
  );
}

import { useUserStore } from '@cskn/sdk';

const user = useUserStore((s) => s.user);
const isAuthenticated = useUserStore((s) => s.isAuthenticated);