From 577fc1be4f08eb5bae4f0d0254533788c8b06c7c Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Fri, 1 Nov 2024 00:34:59 +0800
Subject: [PATCH] pkp/pkp-lib#9626 Add name data when using InitialsAvatar
 component

---
 templates/layouts/backend.tpl | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/templates/layouts/backend.tpl b/templates/layouts/backend.tpl
index 5eff8990c4d..db6d1d9d5af 100644
--- a/templates/layouts/backend.tpl
+++ b/templates/layouts/backend.tpl
@@ -84,9 +84,20 @@
 					</div>
 					<dropdown class="app__headerAction app__userNav">
 						<template #button>
-							<initials-avatar :is-secondary="true"></initials-avatar>
+							<initials-avatar
+								:is-secondary="true"
+								given-name="{$currentUser->getData('givenName')}"
+								family-name="{$currentUser->getData('familyName')}"
+								{if $isUserLoggedInAs}
+								:is-disabled="true"
+								{/if}
+							></initials-avatar>
 							{if $isUserLoggedInAs}
-								<icon icon="User" class="absolute right-2 top-2 text-on-dark bg-negative rounded-full h-5 w-5"></icon>
+								<initials-avatar 
+									class="absolute right-2 top-2 rounded-full h-5 w-5"
+									:is-warnable="true"
+									:shrink="true"
+								></initials-avatar>
 							{/if}
 							<span class="-screenReader">{$currentUser->getData('userName')}</span>
 						</template>