From 8c10090e7bfa993b9f4e1a7be9398aacccf36e80 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 30 Apr 2024 21:42:57 +0200
Subject: [PATCH] render avatar

---
 .../info/media-workspace-view-info-history.element.ts    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media/workspace/views/info/media-workspace-view-info-history.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media/workspace/views/info/media-workspace-view-info-history.element.ts
index 528c1aff52..79ea1b62b6 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media/workspace/views/info/media-workspace-view-info-history.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media/workspace/views/info/media-workspace-view-info-history.element.ts
@@ -2,7 +2,7 @@ import type { UmbMediaAuditLogModel } from '../../../audit-log/types.js';
 import { UmbMediaAuditLogRepository } from '../../../audit-log/index.js';
 import { UMB_MEDIA_WORKSPACE_CONTEXT } from '../../media-workspace.context-token.js';
 import { TimeOptions, getMediaHistoryTagStyleAndText } from './utils.js';
-import { css, html, customElement, state, nothing, repeat } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, state, nothing, repeat, ifDefined } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbPaginationManager } from '@umbraco-cms/backoffice/utils';
@@ -102,13 +102,14 @@ export class UmbMediaWorkspaceViewInfoHistoryElement extends UmbLitElement {
 						(item) => {
 							const { text, style } = getMediaHistoryTagStyleAndText(item.logType);
 							const user = this.#userMap.get(item.user.unique);
-							//const avatar = Array.isArray(user.avatarUrls) ? user.avatarUrls[1] : undefined;
-							// TODO: we need to get the absolute url for the avatars from the server
-							//const avatarUrl = avatar ? `${this._serverUrl}${avatar}` : undefined;
+							const userName = user?.name ?? 'Unknown';
+							const avatarUrl = Array.isArray(user?.avatarUrls) ? user.avatarUrls[1] : undefined;
 
 							return html`<umb-history-item
 								.name=${user?.name ?? 'Unknown'}
 								detail=${this.localize.date(item.timestamp, TimeOptions)}>
+								<uui-avatar slot="avatar" .name="${userName}" img-src=${ifDefined(avatarUrl)}></uui-avatar>
+
 								<span class="log-type">
 									<uui-tag look=${style.look} color=${style.color}> ${this.localize.term(text.label)} </uui-tag>
 									${this.localize.term(text.desc, item.parameters)}