Props for the SettingsHero component. Manages authentication UI display with user information and status.

interface SettingsHeroProps {
/** Whether the user is authenticated with AniList. */
isAuthenticated: boolean;
/** Username of the authenticated user. */
username?: string | null;
/** Avatar URL of the authenticated user. */
avatarUrl?: string | null;
/** Status message to display (e.g., auth success/error). */
statusMessage?: string | null;
/** Whether the component is in a loading state. */
isLoading: boolean;
/** Whether the login button is disabled. */
isLoginDisabled?: boolean;
/** Callback when user clicks login. */
onLogin: () => void;
/** Callback to refresh the authentication token. */
onRefreshToken?: () => void;
/** Callback when user clicks logout. */
onLogout: () => void;
/** Callback when user clicks the documentation link. */
onOpenDocs?: () => void;
/** Callback to clear the status message. */
onClearStatus?: () => void;
/** Callback to cancel ongoing authentication. */
onCancelAuth?: () => void;
/** Label describing the credential source (e.g., "OAuth"). */
credentialSourceLabel: string;
/** Label for token expiration time. */
expiresLabel?: string;
/** Optional children to render below the main content. */
children?: React.ReactNode;
}
interface SettingsHeroProps {
    isAuthenticated: boolean;
    username?: null | string;
    avatarUrl?: null | string;
    statusMessage?: null | string;
    isLoading: boolean;
    isLoginDisabled?: boolean;
    onLogin: () => void;
    onRefreshToken?: () => void;
    onLogout: () => void;
    onOpenDocs?: () => void;
    onClearStatus?: () => void;
    onCancelAuth?: () => void;
    credentialSourceLabel: string;
    expiresLabel?: string;
    children?: ReactNode;
}

Properties

isAuthenticated: boolean

Whether the user is authenticated with AniList.

username?: null | string

Username of the authenticated user.

avatarUrl?: null | string

Avatar URL of the authenticated user.

statusMessage?: null | string

Status message to display (e.g., auth success/error).

isLoading: boolean

Whether the component is in a loading state.

isLoginDisabled?: boolean

Whether the login button is disabled.

onLogin: () => void

Callback when user clicks login.

onRefreshToken?: () => void

Callback to refresh the authentication token.

onLogout: () => void

Callback when user clicks logout.

onOpenDocs?: () => void

Callback when user clicks the documentation link.

onClearStatus?: () => void

Callback to clear the status message.

onCancelAuth?: () => void

Callback to cancel ongoing authentication.

credentialSourceLabel: string

Label describing the credential source (e.g., "OAuth").

expiresLabel?: string

Label for token expiration time.

children?: ReactNode

Optional children to render below the main content.