From 37d53649d91f26013187d8f0826330dfbd5d1531 Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Fri, 8 Nov 2024 20:51:51 +0800
Subject: [PATCH] pkp/pkp-lib#9626 Use InitialsAvatar component to display
 isLoggedInAs icon

---
 src/components/Container/Page.stories.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Container/Page.stories.js b/src/components/Container/Page.stories.js
index aa3118078..92377df5b 100644
--- a/src/components/Container/Page.stories.js
+++ b/src/components/Container/Page.stories.js
@@ -64,7 +64,12 @@ export const Default = {
 						<Dropdown class="app__headerAction app__userNav">
 							<template #button>
 								<InitialsAvatar :is-secondary="true" given-name="Test" family-name="User"></InitialsAvatar>
-								<Icon v-if="isLoggedInAs" icon="User" class="absolute right-2 top-2 text-on-dark bg-negative rounded-full h-5 w-5"></Icon>
+								<InitialsAvatar
+									v-if="isLoggedInAs"
+									class="absolute right-2 top-2 rounded-full h-5 w-5"
+									:is-warnable="true"
+									:shrink="true"
+								></InitialsAvatar>
 								<span class="-screenReader">Options for {{ currentUsername }}</span>
 							</template>
 							<div v-if="isLoggedInAs" class="pkpDropdown__section">