Ghost/ghost/admin/app/components/gh-member-avatar.hbs

<figure class="gh-member-gravatar {{@containerClass}}">
    <div class="gh-member-initials flex items-center justify-center br-100 {{@containerClass}}" style={{this.backgroundStyle}}>
        <span class="gh-member-avatar-label {{or @sizeClass "gh-member-list-avatar"}}">{{this.initials}}</span>
    </div>
    <img class="gh-member-avatar-image" src="{{@member.avatarImage}}" alt="{{or @member.name @member.email}}" />
</figure>
Refactored <GhMemberAvatar> to glimmer component no issue - cleaned up property access in template to differentiate between passed-in args and component-defined properties - tidied up logic in `backgroundStyle` and `initials` getters 2020-02-27 15:33:33 +03:00			`<figure class="gh-member-gravatar {{@containerClass}}">`
			`<div class="gh-member-initials flex items-center justify-center br-100 {{@containerClass}}" style={{this.backgroundStyle}}>`
			`<span class="gh-member-avatar-label {{or @sizeClass "gh-member-list-avatar"}}">{{this.initials}}</span>`
🎨 Added gravatars for member avatars (#1417) no issue - When an email has a valid gravatar handle it displays an image instead of initials for the member - Introduces new {{gravatar}} helper which accepts an email as parameter and size/d as named parameters. The output is a URL to gravatar image - Refactored usage of "splattribute" to explicit property. There was a need to duplicate class property usage in the component and doing that through splatttibute feature is unsafe as pointed ou here - https://github.com/TryGhost/Ghost-Admin/pull/1417#discussion_r351837584 2019-12-03 14:10:47 +03:00			`</div>`
Switched Admin client to use avatars returned by the member API (#2373) - Admin used a helper to generate Gravatar URLs for members - This change switches to using the `avatar_image` returned by the Member API - The helper predates the existence of `member.avatar_image`, and is no longer required 2022-05-09 15:29:45 +03:00			`<img class="gh-member-avatar-image" src="{{@member.avatarImage}}" alt="{{or @member.name @member.email}}" />`
			`</figure>`