пофикшен вебпарт

src/webparts/requestPortal/components/RequestPortal.tsx

@@ -20,7 +20,7 @@ import {
   OwnTab,
 } from '../shared/routing';
 import { onRequestsChanged, emitRequestsChanged } from '../shared/requestEvents';
-import { getImpersonatedEmail } from '../shared/impersonation';
+import { getImpersonatedEmail, getImpersonatedDisplayName } from '../shared/impersonation';
 import { confirmDiscardFormChanges, markFormClean, markFormDirty } from '../shared/unsavedChanges';
 import { Drawer } from './Drawer/Drawer';
 import { CategoryTabs } from './CategoryTabs/CategoryTabs';
@@ -62,6 +62,7 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
   // (setImpersonatedEmail в render) до создания этого элемента, и меняется оно
   // только вместе с новым render всей веб-части.
   const impersonatedEmail = getImpersonatedEmail();
+  const impersonatedDisplayName = getImpersonatedDisplayName();
 
   const route = useRoute();
   const [navCollapsed, setNavCollapsed] = React.useState<boolean>(false);
@@ -276,8 +277,11 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
           закрыть: она исчезает только когда свойство веб-части очищено. */}
       {impersonatedEmail && (
         <div className={styles.impersonationBar}>
-          Включена отладочная подмена: портал работает от имени <strong>{impersonatedEmail}</strong>.
-          Очистите поле в свойствах веб-части, чтобы вернуться к своей учётной записи.
+          Включена отладочная подмена: портал работает от имени{' '}
+          <strong>
+            {impersonatedDisplayName ? `${impersonatedDisplayName} (${impersonatedEmail})` : impersonatedEmail}
+          </strong>
+          . Очистите поле в свойствах веб-части, чтобы вернуться к своей учётной записи.
         </div>
       )}
       <div className={styles.layout}>