Use accounts

import { useAccounts } from "@sublay/react-js";

function AccountSummaryBar() {
  const { accounts, activeAccount, accountCount } = useAccounts();

  return (
    <div>
      <p>Signed in as: {activeAccount?.name ?? activeAccount?.email ?? "Guest"}</p>
      <p>Total accounts: {accountCount}</p>
      <ul>
        {accounts.map((account) => (
          <li key={account.id}>{account.name ?? account.email}</li>
        ))}
      </ul>
    </div>
  );
}

import { useAccounts } from "@sublay/react-native";

function ActiveAccountLabel() {
  const { activeAccount } = useAccounts();
  return <Text>{activeAccount?.name ?? "Not signed in"}</Text>;
}