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
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { CreditCard, Home, User } from 'lucide-react';
|
|
import { z } from 'zod';
|
|
|
|
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 routes = [
|
|
{
|
|
label: 'common:routes.application',
|
|
children: [
|
|
{
|
|
label: 'common:routes.home',
|
|
path: pathsConfig.app.home,
|
|
Icon: <Home className={iconClasses} />,
|
|
end: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
label: 'common:routes.settings',
|
|
children: [
|
|
{
|
|
label: 'common:routes.profile',
|
|
path: pathsConfig.app.personalAccountSettings,
|
|
Icon: <User className={iconClasses} />,
|
|
},
|
|
featureFlagsConfig.enablePersonalAccountBilling
|
|
? {
|
|
label: 'common:routes.billing',
|
|
path: pathsConfig.app.personalAccountBilling,
|
|
Icon: <CreditCard className={iconClasses} />,
|
|
}
|
|
: undefined,
|
|
].filter((route) => !!route),
|
|
},
|
|
] satisfies z.infer<typeof NavigationConfigSchema>['routes'];
|
|
|
|
export const personalAccountNavigationConfig = NavigationConfigSchema.parse({
|
|
routes,
|
|
style: process.env.NEXT_PUBLIC_USER_NAVIGATION_STYLE,
|
|
sidebarCollapsed: process.env.NEXT_PUBLIC_HOME_SIDEBAR_COLLAPSED,
|
|
sidebarCollapsedStyle: process.env.NEXT_PUBLIC_SIDEBAR_COLLAPSED_STYLE,
|
|
});
|