zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor account handling to improve performance

Browse Source 
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.
This commit is contained in:
giancarlo
2024-05-10 20:33:05 +07:00
parent 6b3b3cb58b
commit 39e0a229b6
24 changed files with 106 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/home/(user)/_components/home-account-selector.tsx
View File

@@ -18,6 +18,7 @@ export function HomeAccountSelector(props: {
image: string | null;
}>;
userId: string;
collapsed: boolean;
}) {
const router = useRouter();
@@ -27,6 +28,7 @@ export function HomeAccountSelector(props: {
collapsed={props.collapsed}
accounts={props.accounts}
features={features}
userId={props.userId}
onAccountChange={(value) => {
if (value) {
const path = pathsConfig.app.accountHome.replace('[account]', value);

8
apps/web/app/home/(user)/_components/home-menu-navigation.tsx
View File

@@ -12,7 +12,7 @@ import { personalAccountNavigationConfig } from '~/config/personal-account-navig
// home imports
import { HomeAccountSelector } from '../_components/home-account-selector';
import { UserNotifications } from '../_components/user-notifications';
import { type UserWorkspace } from '../_lib/server/load-user-workspace';
import { type UserWorkspace } from '../_lib/server/user-workspace.loader';
export function HomeMenuNavigation(props: { workspace: UserWorkspace }) {
const { workspace, user, accounts } = props.workspace;
@@ -50,7 +50,11 @@ export function HomeMenuNavigation(props: { workspace: UserWorkspace }) {
<div className={'flex justify-end space-x-2.5'}>
<If condition={featuresFlagConfig.enableTeamAccounts}>
<HomeAccountSelector accounts={accounts} collapsed={false} />
<HomeAccountSelector
userId={user.id}
accounts={accounts}
collapsed={false}
/>
</If>
<UserNotifications userId={user.id} />

3
apps/web/app/home/(user)/_components/home-mobile-navigation.tsx
View File

@@ -22,7 +22,7 @@ import { personalAccountNavigationConfig } from '~/config/personal-account-navig
// home imports
import { HomeAccountSelector } from '../_components/home-account-selector';
import type { UserWorkspace } from '../_lib/server/load-user-workspace';
import type { UserWorkspace } from '../_lib/server/user-workspace.loader';
export function HomeMobileNavigation(props: { workspace: UserWorkspace }) {
const signOut = useSignOut();
@@ -69,6 +69,7 @@ export function HomeMobileNavigation(props: { workspace: UserWorkspace }) {
</DropdownMenuLabel>
<HomeAccountSelector
userId={props.workspace.user.id}
accounts={props.workspace.accounts}
collapsed={false}
/>

8
apps/web/app/home/(user)/_components/home-sidebar.tsx
View File

@@ -8,7 +8,7 @@ import { personalAccountNavigationConfig } from '~/config/personal-account-navig
import { UserNotifications } from '~/home/(user)/_components/user-notifications';
// home imports
import type { UserWorkspace } from '../_lib/server/load-user-workspace';
import type { UserWorkspace } from '../_lib/server/user-workspace.loader';
import { HomeAccountSelector } from './home-account-selector';
export function HomeSidebar(props: { workspace: UserWorkspace }) {
@@ -22,7 +22,11 @@ export function HomeSidebar(props: { workspace: UserWorkspace }) {
condition={featuresFlagConfig.enableTeamAccounts}
fallback={<AppLogo className={'py-2'} />}
>
<HomeAccountSelector collapsed={false} accounts={accounts} />
<HomeAccountSelector
userId={user.id}
collapsed={false}
accounts={accounts}
/>
</If>
<UserNotifications userId={user.id} />