2a157e8baa
* Enhance sidebar navigation and layout configuration - Added support for configurable sidebar collapsed style - Updated layout components to use new sidebar configuration - Added environment variable for sidebar trigger display - Simplified page header and navigation components - Improved sidebar responsiveness and user experience * Refactor admin account page layout and action buttons - Moved action buttons from sidebar to PageHeader for both personal and team account pages - Updated button variants and styling for better visual hierarchy - Improved spacing and layout of account page components - Added border to PageHeader for better visual separation * Update version updater dialog styling - Replaced `space-x-4` with `gap-x-2` for better spacing - Wrapped translation text in a `span` for improved layout - Maintained consistent icon and text alignment in dialog title * Refactor sidebar state management and configuration - Simplified sidebar context and removed minimized state - Updated layout components to use new sidebar open/closed state - Modified sidebar navigation to handle collapsed state dynamically - Added environment variable for sidebar trigger and collapsed style - Improved sidebar responsiveness and rendering logic * Remove sidebar configuration and environment variables - Simplified sidebar context by removing `minimized` state in components - Updated account selector components to use simplified sidebar state - Removed unused helper functions in sidebar implementation
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import { CreditCard, LayoutDashboard, Settings, Users } from 'lucide-react';
|
|
|
|
import { NavigationConfigSchema } from '@kit/ui/navigation-schema';
|
|
|
|
import featureFlagsConfig from '~/config/feature-flags.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
|
|
const iconClasses = 'w-4';
|
|
|
|
const getRoutes = (account: string) => [
|
|
{
|
|
label: 'common:routes.application',
|
|
children: [
|
|
{
|
|
label: 'common:routes.dashboard',
|
|
path: pathsConfig.app.accountHome.replace('[account]', account),
|
|
Icon: <LayoutDashboard className={iconClasses} />,
|
|
end: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
label: 'common:routes.settings',
|
|
collapsible: false,
|
|
children: [
|
|
{
|
|
label: 'common:routes.settings',
|
|
path: createPath(pathsConfig.app.accountSettings, account),
|
|
Icon: <Settings className={iconClasses} />,
|
|
},
|
|
{
|
|
label: 'common:routes.members',
|
|
path: createPath(pathsConfig.app.accountMembers, account),
|
|
Icon: <Users className={iconClasses} />,
|
|
},
|
|
featureFlagsConfig.enableTeamAccountBilling
|
|
? {
|
|
label: 'common:routes.billing',
|
|
path: createPath(pathsConfig.app.accountBilling, account),
|
|
Icon: <CreditCard className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
].filter(Boolean),
|
|
},
|
|
];
|
|
|
|
export function getTeamAccountSidebarConfig(account: string) {
|
|
return NavigationConfigSchema.parse({
|
|
routes: getRoutes(account),
|
|
style: process.env.NEXT_PUBLIC_TEAM_NAVIGATION_STYLE,
|
|
sidebarCollapsed: process.env.NEXT_PUBLIC_TEAM_SIDEBAR_COLLAPSED,
|
|
sidebarCollapsedStyle: process.env.NEXT_PUBLIC_SIDEBAR_COLLAPSED_STYLE,
|
|
});
|
|
}
|
|
|
|
function createPath(path: string, account: string) {
|
|
return path.replace('[account]', account);
|
|
}
|