From f865c60e0d60bd02ba556752e80d3bf4f267a211 Mon Sep 17 00:00:00 2001
From: Valerii Sidorenko <balepas@nebius.com>
Date: Fri, 15 Nov 2024 12:28:50 +0100
Subject: [PATCH] feat(Navigation): allow to change user icon

---
 src/containers/AsideNavigation/AsideNavigation.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/containers/AsideNavigation/AsideNavigation.tsx b/src/containers/AsideNavigation/AsideNavigation.tsx
index 5fe1197574..5128be1c23 100644
--- a/src/containers/AsideNavigation/AsideNavigation.tsx
+++ b/src/containers/AsideNavigation/AsideNavigation.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import {CircleQuestion, Gear, Person} from '@gravity-ui/icons';
 import type {MenuItem} from '@gravity-ui/navigation';
 import {AsideHeader, FooterItem} from '@gravity-ui/navigation';
+import type {IconData} from '@gravity-ui/uikit';
 import {useHistory} from 'react-router-dom';
 
 import {cn} from '../../utils/cn';
@@ -22,6 +23,7 @@ interface YdbUserDropdownProps {
     isCompact: boolean;
     user?: {
         login: string;
+        icon?: IconData;
     };
     popupAnchor: React.RefObject<HTMLDivElement>;
     children: React.ReactNode;
@@ -29,7 +31,7 @@ interface YdbUserDropdownProps {
 
 function UserDropdown({isCompact, popupAnchor, user, children}: YdbUserDropdownProps) {
     const [isUserDropdownVisible, setIsUserDropdownVisible] = React.useState(false);
-    const iconData = user ? Person : userSecret;
+    const iconData = user ? user.icon ?? Person : userSecret;
     return (
         <FooterItem
             compact={isCompact}
@@ -54,7 +56,7 @@ export interface AsideNavigationProps {
     ydbInternalUser: JSX.Element;
     menuItems?: MenuItem[];
     content: React.ReactNode;
-    user?: {login: string};
+    user?: {login: string; icon?: IconData};
 }
 
 enum Panel {