@adonis-agora/authkit-react/build/src/components/avatar.js

Frontend ergonomics over AuthKit for AdonisJS + Inertia + React apps: a typed useAuth() hook, role-gating hooks and gating components.

import { createElement } from 'react';
import { deriveInitials } from '../utils.js';
export function Avatar({ user, size = 36, className }) {
    const cls = ['authkit-avatar', className].filter(Boolean).join(' ');
    const style = { width: size, height: size };
    if (user.avatarUrl) {
        return createElement('img', {
            className: cls,
            src: user.avatarUrl,
            alt: user.name ?? user.email ?? '',
            style,
        });
    }
    return createElement('span', { className: cls, style, 'aria-hidden': true }, deriveInitials(user.name, user.email));
}