From 8aeb3aeb7949f4c87194aaa8f6204af8f0f38d13 Mon Sep 17 00:00:00 2001 From: aXenDeveloper Date: Wed, 11 Sep 2024 12:59:19 +0200 Subject: [PATCH 1/5] perf: Improve layout perf --- .../views/admin/layout/auth/aside/aside.tsx | 7 +--- .../views/admin/layout/auth/nav/nav-admin.tsx | 35 +++++++++++-------- .../src/views/theme/layout/header/header.tsx | 3 +- 3 files changed, 23 insertions(+), 22 deletions(-) diff --git a/packages/frontend/src/views/admin/layout/auth/aside/aside.tsx b/packages/frontend/src/views/admin/layout/auth/aside/aside.tsx index 1e5a72886..06f015ec0 100644 --- a/packages/frontend/src/views/admin/layout/auth/aside/aside.tsx +++ b/packages/frontend/src/views/admin/layout/auth/aside/aside.tsx @@ -1,7 +1,6 @@ import { LogoVitNode } from '@/components/logo-vitnode'; import { LanguageSwitcher } from '@/components/switchers/language-switcher'; import { ThemeSwitcher } from '@/components/switchers/theme-switcher'; -import { ScrollArea } from '@/components/ui/scroll-area'; import { CONFIG } from '@/helpers/config-with-env'; import { Link } from '@/navigation'; @@ -39,11 +38,7 @@ export const AsideAuthAdmin = () => { - -
- -
-
+ ); }; diff --git a/packages/frontend/src/views/admin/layout/auth/nav/nav-admin.tsx b/packages/frontend/src/views/admin/layout/auth/nav/nav-admin.tsx index 46450e1d6..8415a4c83 100644 --- a/packages/frontend/src/views/admin/layout/auth/nav/nav-admin.tsx +++ b/packages/frontend/src/views/admin/layout/auth/nav/nav-admin.tsx @@ -1,3 +1,4 @@ +import { ScrollArea } from '@/components/ui/scroll-area'; import { getSessionAdminData } from '@/graphql/get-session-admin'; import { ItemNavAdmin } from './item/item'; @@ -7,20 +8,24 @@ export const NavAdmin = async () => { const data = await getSessionAdminData(); return ( - - {data.admin__nav__show.map(item => ( - ({ - id: navItem.code, - icon: navItem.icon ?? undefined, - children: navItem.children?.map(child => ({ - id: child.code, - })), - }))} - key={item.code} - /> - ))} - + +
+ + {data.admin__nav__show.map(item => ( + ({ + id: navItem.code, + icon: navItem.icon ?? undefined, + children: navItem.children?.map(child => ({ + id: child.code, + })), + }))} + key={item.code} + /> + ))} + +
+
); }; diff --git a/packages/frontend/src/views/theme/layout/header/header.tsx b/packages/frontend/src/views/theme/layout/header/header.tsx index 060378fa3..8accfc26f 100644 --- a/packages/frontend/src/views/theme/layout/header/header.tsx +++ b/packages/frontend/src/views/theme/layout/header/header.tsx @@ -12,6 +12,7 @@ import { UserBar } from './user-bar/user-bar'; export const Header = async ({ className }: { className?: string }) => { const { core_sessions__authorization: { user }, + core_nav__show: { edges }, } = await getSessionData(); return ( @@ -23,7 +24,7 @@ export const Header = async ({ className }: { className?: string }) => { >
-