Function UserAvatar

apps/frontend/src/components/UserAvatar.tsx:9–24

({ gameMetadata, self }: UserAvatarProps)

}

export const UserAvatar = ({ gameMetadata, self }: UserAvatarProps) => {
  const user = useUser();
  let player: Player;
  if (gameMetadata?.blackPlayer.id === user.id) {
    player = self ? gameMetadata.blackPlayer : gameMetadata.whitePlayer;
  } else {
    player = self ? gameMetadata?.whitePlayer! : gameMetadata?.blackPlayer!;
  }

  return (
    <div className="text-white flex gap-2 ">
      <p>{player?.name}</p>
      {player?.isGuest && <p className="text-gray-500">[Guest]</p>}
    </div>
  );
};