hunk.code_window:     paths-ignore:
         - README.md
         - .github/**
         - '!.github/workflows/nx.yml'
     pull_request:
     merge_group:
       branches:
         - master
         - v[0-9]+.[0-9]+.x-staging
  
hunk.labels: keep keep keep add keep keep keep keep keep
hunk.after_edit:       - '!.github/actions/build-rust/action.yml'
         - '!.github/actions/setup-node/action.yml'
  
hunk.file_path: .github/workflows/nx.yml
hunk.type: add
file: import * as Avatar from '@radix-ui/react-avatar';
  import clsx from 'clsx';
  import type { CSSProperties } from 'react';
  
  import * as style from './style.css';
  
  export interface UserAvatar {
    size?: number;
    url?: string;
    name?: string;
    className?: string;
    style?: CSSProperties;
  }
  
  export const UserAvatar = ({
    size = 20,
    style: propsStyles = {},
    url,
    name,
    className,
  }: UserAvatar) => {
    return (
      <Avatar.Root
        style={{
          width: size,
          height: size,
          ...propsStyles,
        }}
        className={clsx(style.avatarRoot, className)}
      >
        <Avatar.Image className={style.avatarImage} src={url} alt={name} />
        <Avatar.Fallback className={style.avatarFallback} delayMs={600}>
          {name?.slice(0, 1) || 'A'}
        </Avatar.Fallback>
      </Avatar.Root>
    );
  };
  