-
-
{
- if (confirm('Выйти из системы?')) {
- logout();
- }
- }}
- >
- {user?.avatar ? (
-
- ) : (
- userInitials
- )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {isMobileProfileMenuOpen ? (
+
+
+
+ ) : null}
+
@@ -88,10 +275,17 @@ function Header() {
);
}
-function LeftNav() {
+function LeftNavContent({ onNavigate }: LeftNavContentProps) {
const pathname = usePathname();
const { user } = useUser();
+ const navLinkClass = (href: string) =>
+ `flex items-center gap-3 rounded-lg px-3 py-2 hover:bg-gray-50 ${
+ pathname === href ? "bg-sky-50 text-sky-700 ring-1 ring-sky-100" : "text-gray-700"
+ }`;
+
+ const navIconClass = (href: string) => (pathname === href ? "text-sky-700" : "text-gray-400");
+
const userInitials = user
? `${user.last_name?.[0] || ''}${user.first_name?.[0] || ''}`
: 'Г';
@@ -99,80 +293,87 @@ function LeftNav() {
? `${user.last_name} ${user.first_name}`.trim()
: 'Гость';
- const navLinkClass = (href: string) =>
- `flex items-center gap-3 rounded-lg px-3 py-2 hover:bg-gray-50 ${pathname === href ? "bg-sky-50 text-sky-700 ring-1 ring-sky-100" : "text-gray-700"
- }`;
-
- const navIconClass = (href: string) => (pathname === href ? "text-sky-700" : "text-gray-400");
+ return (
+
+
+
+ {user?.avatar ? (
+
+ ) : (
+ userInitials
+ )}
+
+
+
{userName}
+
{user?.is_active ? 'Онлайн' : 'Оффлайн'}
+
+
+
+ {navItems.map(({ href, label, icon: Icon }) => (
+
+
+ {label}
+
+ ))}
+
+
+ );
+}
+function LeftNav() {
return (
);
}
+function CalendarCard() {
+ return (
+
+
+ Календарь
+ Февраль 2026
+
+
+ {weekdays.map((day) => (
+
+ {day}
+
+ ))}
+
+
+ {calendarWeeks.map((week, wi) =>
+ week.map((day, di) => {
+ const isToday = day === "18";
+ return (
+
+ {day}
+
+ );
+ })
+ )}
+
+
+ );
+}
+
function Calendar() {
return (
);
@@ -198,6 +399,10 @@ export function PageHeader({ title, subtitle, badge, eyebrow = "Раздел" }:
export function AppShell({ children }: AppShellProps) {
const { user, loading } = useUser();
const router = useRouter();
+ const pathname = usePathname();
+
+ const [isMobileLeftNavOpen, setIsMobileLeftNavOpen] = useState(false);
+ const [isMobileCalendarOpen, setIsMobileCalendarOpen] = useState(false);
useEffect(() => {
// Если загрузка завершена и пользователь не авторизован - редирект на логин
@@ -206,6 +411,24 @@ export function AppShell({ children }: AppShellProps) {
}
}, [user, loading, router]);
+ useEffect(() => {
+ setIsMobileLeftNavOpen(false);
+ setIsMobileCalendarOpen(false);
+ }, [pathname]);
+
+ useEffect(() => {
+ if (isMobileLeftNavOpen || isMobileCalendarOpen) {
+ document.body.style.overflow = "hidden";
+ return;
+ }
+
+ document.body.style.overflow = "";
+
+ return () => {
+ document.body.style.overflow = "";
+ };
+ }, [isMobileLeftNavOpen, isMobileCalendarOpen]);
+
// Показываем загрузку, пока проверяем авторизацию
if (loading) {
return (
@@ -225,12 +448,68 @@ export function AppShell({ children }: AppShellProps) {
return (
-
-
+
setIsMobileLeftNavOpen(true)} onOpenCalendar={() => setIsMobileCalendarOpen(true)} />
+
{children}
+
+ {/* Мобильное левое меню */}
+
+
+
);
}