Search requests (#2)
Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz> Reviewed-on: http://git.tnsu.kz/timur.gorodetskiy/request-portal/pulls/2 Co-authored-by: timur.gorodetskiy <timur.gorodetskiy@tnsu.kz> Co-committed-by: timur.gorodetskiy <timur.gorodetskiy@tnsu.kz>
This commit was merged in pull request #2.
This commit is contained in:
@@ -14,6 +14,7 @@ const ITEMS: INavItem[] = [
|
||||
{ id: 'new', title: 'Новая заявка', icon: 'plus' },
|
||||
{ id: 'approvals', title: 'На согласовании', icon: 'user-check' },
|
||||
{ id: 'own', title: 'Мои заявки', icon: 'clipboard' },
|
||||
{ id: 'search', title: 'Поиск', icon: 'search' },
|
||||
];
|
||||
|
||||
interface ISideNavProps {
|
||||
@@ -23,27 +24,16 @@ interface ISideNavProps {
|
||||
approvalsCount?: number;
|
||||
collapsed: boolean;
|
||||
onToggleCollapsed: () => void;
|
||||
/** Имя текущего пользователя (для подвала рейла). */
|
||||
userName?: string;
|
||||
}
|
||||
|
||||
// Инициалы для аватара (первые буквы двух первых слов имени).
|
||||
function initials(name?: string): string {
|
||||
if (!name) return '—';
|
||||
const parts = name.trim().split(/\s+/).filter(Boolean);
|
||||
const value = ((parts[0]?.[0] ?? '') + (parts[1]?.[0] ?? '')).toUpperCase();
|
||||
return value || '—';
|
||||
}
|
||||
|
||||
// Тёмный боковой рейл портала на всю высоту: бренд сверху, разделы, пользователь
|
||||
// снизу. Сворачивается до узкой полосы с одними иконками.
|
||||
// Тёмный боковой рейл портала на всю высоту: бренд сверху, разделы снизу.
|
||||
// Сворачивается до узкой полосы с одними иконками.
|
||||
export const SideNav: React.FC<ISideNavProps> = ({
|
||||
activeId,
|
||||
onChange,
|
||||
approvalsCount,
|
||||
collapsed,
|
||||
onToggleCollapsed,
|
||||
userName,
|
||||
}) => {
|
||||
const navClasses = [styles.nav, collapsed ? styles.navCollapsed : ''].filter(Boolean).join(' ');
|
||||
|
||||
@@ -51,7 +41,6 @@ export const SideNav: React.FC<ISideNavProps> = ({
|
||||
<nav className={navClasses} aria-label="Разделы портала">
|
||||
<div className={styles.head}>
|
||||
<div className={styles.brand}>
|
||||
<span className={styles.logo}>ТС</span>
|
||||
{!collapsed && <span className={styles.brandText}>Портал заявок</span>}
|
||||
</div>
|
||||
<button
|
||||
@@ -89,11 +78,6 @@ export const SideNav: React.FC<ISideNavProps> = ({
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
<div className={styles.footer} title={collapsed ? userName : undefined}>
|
||||
<span className={styles.avatar}>{initials(userName)}</span>
|
||||
{!collapsed && <span className={styles.userName}>{userName || 'Пользователь'}</span>}
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user