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={{gravatar @member.email size=180}} />
</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 13:33:33 +01: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 12:10:47 +01:00			`</div>`
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 13:33:33 +01:00			`<img class="gh-member-avatar-image" src={{gravatar @member.email size=180}} />`
🎨 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 12:10:47 +01:00			`</figure>`