39e0a229b6
This commit dates the transition from a global user session to individual account handling based on user ID. The transition was made across several components, notably the account settings, icons, and selector. This change improves performance by reducing unnecessary requests and ensures more accurate data handling. The commit also includes some cleanups and minor fixes spread across different components.
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import { use } from 'react';
|
|
|
|
import { cookies } from 'next/headers';
|
|
|
|
import { If } from '@kit/ui/if';
|
|
import {
|
|
Page,
|
|
PageLayoutStyle,
|
|
PageMobileNavigation,
|
|
PageNavigation,
|
|
} from '@kit/ui/page';
|
|
|
|
import { AppLogo } from '~/components/app-logo';
|
|
import { personalAccountNavigationConfig } from '~/config/personal-account-navigation.config';
|
|
import { withI18n } from '~/lib/i18n/with-i18n';
|
|
|
|
// home imports
|
|
import { HomeMenuNavigation } from './_components/home-menu-navigation';
|
|
import { HomeMobileNavigation } from './_components/home-mobile-navigation';
|
|
import { HomeSidebar } from './_components/home-sidebar';
|
|
import { loadUserWorkspace } from './_lib/server/user-workspace.loader';
|
|
|
|
function UserHomeLayout({ children }: React.PropsWithChildren) {
|
|
const workspace = use(loadUserWorkspace());
|
|
const style = getLayoutStyle();
|
|
|
|
return (
|
|
<Page style={style}>
|
|
<PageNavigation>
|
|
<If condition={style === 'header'}>
|
|
<HomeMenuNavigation workspace={workspace} />
|
|
</If>
|
|
|
|
<If condition={style === 'sidebar'}>
|
|
<HomeSidebar workspace={workspace} />
|
|
</If>
|
|
</PageNavigation>
|
|
|
|
<PageMobileNavigation className={'flex items-center justify-between'}>
|
|
<AppLogo />
|
|
<HomeMobileNavigation workspace={workspace} />
|
|
</PageMobileNavigation>
|
|
|
|
{children}
|
|
</Page>
|
|
);
|
|
}
|
|
|
|
export default withI18n(UserHomeLayout);
|
|
|
|
function getLayoutStyle() {
|
|
return (
|
|
(cookies().get('layout-style')?.value as PageLayoutStyle) ??
|
|
personalAccountNavigationConfig.style
|
|
);
|
|
}
|