Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: avoid the entire app layout re render on route change

Browse Source
This commit is contained in:
Louis 2025-09-18 18:44:21 +07:00
parent be83395f69
commit 5f6a68d844
No known key found for this signature in database
GPG Key ID: 44FA9F4D33C37DE2
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web-app/src/routes/__root.tsx
View File

@ -192,17 +192,16 @@ const LogsLayout = () => {
} }
function RootLayout() { function RootLayout() {
const pathname = useRouterState({ const getInitialLayoutType = () => {
select: (state) => state.location.pathname, const pathname = window.location.pathname
}) return (
const isLocalAPIServerLogsRoute = useMemo(
() =>
pathname === route.localApiServerlogs || pathname === route.localApiServerlogs ||
pathname === route.systemMonitor || pathname === route.systemMonitor ||
pathname === route.appLogs, pathname === route.appLogs
[pathname] )
) }
const IS_LOGS_ROUTE = getInitialLayoutType()
return ( return (
<Fragment> <Fragment>
<ServiceHubProvider> <ServiceHubProvider>
@ -214,7 +213,7 @@ function RootLayout() {
<AuthProvider> <AuthProvider>
<DataProvider /> <DataProvider />
<GlobalEventHandler /> <GlobalEventHandler />
{isLocalAPIServerLogsRoute ? <LogsLayout /> : <AppLayout />} {IS_LOGS_ROUTE ? <LogsLayout /> : <AppLayout />}
</AuthProvider> </AuthProvider>
</ExtensionProvider> </ExtensionProvider>
{/* {isLocalAPIServerLogsRoute ? <LogsLayout /> : <AppLayout />} */} {/* {isLocalAPIServerLogsRoute ? <LogsLayout /> : <AppLayout />} */}