diff --git a/src/containers/AsideNavigation/AsideNavigation.tsx b/src/containers/AsideNavigation/AsideNavigation.tsx index cec789d2a6..6d7e95760c 100644 --- a/src/containers/AsideNavigation/AsideNavigation.tsx +++ b/src/containers/AsideNavigation/AsideNavigation.tsx @@ -59,6 +59,10 @@ export interface AsideNavigationProps { menuItems?: MenuItem[]; content: React.ReactNode; user?: {login: string; icon?: IconData}; + renderFooterItems?: ( + defaultFooterItems: React.ReactNode[], + ctx: {compact: boolean; asideRef: React.RefObject}, + ) => React.ReactNode[]; } enum Panel { @@ -110,10 +114,11 @@ export function AsideNavigation(props: AsideNavigationProps) { onChangeCompact={setIsCompact} className={b()} renderContent={() => props.content} - renderFooter={({compact, asideRef}) => ( - + renderFooter={({compact: footerCompact, asideRef}) => { + const defaultFooterItems = [ + />, - - + compact={footerCompact} + />, + + {props.ydbInternalUser} - - - )} + , + ]; + + return ( + + {props.renderFooterItems + ? props.renderFooterItems(defaultFooterItems, { + compact: footerCompact, + asideRef, + }) + : defaultFooterItems} + + ); + }} panelItems={[ { id: 'user-settings',