Skip to content

[Bug][Chat] User avatarUrl does not always work #3356

@epetrow

Description

@epetrow

Description

Setting avatarUrl does not seem to always work. If you have the following, User 1 does not get an avatar.

const messages: Message[] = [
  {
    id: 1,
    author: {
      id: 1,
      name: 'User 1',
      avatarUrl:
        'https://demos.telerik.com/kendo-ui/content/web/Customers/GOURL.jpg',
    },
    text: 'Hello, how can I help you?',
    timestamp: new Date(),
  },
  {
    id: 2,
    author: {
      id: 2,
      name: 'User 2',
      avatarUrl:
        'https://www.telerik.com/kendo-react-ui/components/static/d2ecd6c1a01f6b1598a481623b8f4389/start-free-trial-icon.inline.svg',
    },
    text: 'I need assistance with my order.',
    timestamp: new Date(),
  },
];

Plan

KendoReact

Steps To Reproduce

To reproduce open this demo: https://stackblitz.com/edit/react-kstrohmm-mjkcktqt?file=app%2Fapp.tsx

Screenshots or video

No response

Actual Behavior

Only user 2 has an avatar

Expected Behavior

Setting avatarUrl should work for both users

Browser

Chrome

Browser version

latest

OS type

MacOS

OS version

No response

Last working version of the KendoReact package (if regression).

Introduced in v12.0.0
Working in ^11.0.0 -> https://stackblitz.com/edit/react-kstrohmm-wsdg7acu?file=package.json

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions