Files
myeasycms-v2/apps/web/app/[locale]/home/[account]/_components/team-account-layout-sidebar.tsx
Zaid Marzguioui ebd0fd4638
Some checks failed
Workflow / ʦ TypeScript (push) Failing after 6m26s
Workflow / ⚫️ Test (push) Has been skipped
feat: complete CMS v2 with Docker, Fischerei, Meetings, Verband modules + UX audit fixes
Major changes:
- Docker Compose: full Supabase stack (11 services) equivalent to supabase CLI
- Fischerei module: 16 DB tables, waters/species/stocking/catch books/competitions
- Sitzungsprotokolle module: meeting protocols, agenda items, task tracking
- Verbandsverwaltung module: federation management, member clubs, contacts, fees
- Per-account module activation via Modules page toggle
- Site Builder: live CMS data in Puck blocks (courses, events, membership registration)
- Public registration APIs: course signup, event registration, membership application
- Document generation: PDF member cards, Excel reports, HTML labels
- Landing page: real Com.BISS content (no filler text)
- UX audit fixes: AccountNotFound component, shared status badges, confirm dialog,
  pagination, duplicate heading removal, emoji→badge replacement, a11y fixes
- QA: healthcheck fix, API auth fix, enum mismatch fix, password required attribute
2026-03-31 16:35:46 +02:00

53 lines
1.8 KiB
TypeScript

import * as z from 'zod';
import { JWTUserData } from '@kit/supabase/types';
import { If } from '@kit/ui/if';
import { NavigationConfigSchema } from '@kit/ui/navigation-schema';
import { Sidebar, SidebarContent, SidebarHeader } from '@kit/ui/sidebar';
import type { AccountModel } from '~/components/workspace-dropdown';
import { WorkspaceDropdown } from '~/components/workspace-dropdown';
import featureFlagsConfig from '~/config/feature-flags.config';
import { TeamAccountNotifications } from '~/home/[account]/_components/team-account-notifications';
import { TeamAccountLayoutSidebarNavigation } from './team-account-layout-sidebar-navigation';
export function TeamAccountLayoutSidebar(props: {
account: string;
accountId: string;
accounts: AccountModel[];
user: JWTUserData;
config: z.output<typeof NavigationConfigSchema>;
}) {
const { account, accounts, user, config } = props;
const collapsible = config.sidebarCollapsedStyle;
return (
<Sidebar variant="floating" collapsible={collapsible}>
<SidebarHeader className={'h-16 justify-center'}>
<div className={'flex items-center justify-between gap-x-1'}>
<WorkspaceDropdown
user={user}
accounts={accounts}
selectedAccount={account}
/>
<If condition={featureFlagsConfig.enableNotifications}>
<div className={'group-data-[collapsible=icon]:hidden'}>
<TeamAccountNotifications
userId={user.id}
accountId={props.accountId}
/>
</div>
</If>
</div>
</SidebarHeader>
<SidebarContent className="h-[calc(100%-160px)] overflow-y-auto">
<TeamAccountLayoutSidebarNavigation config={config} />
</SidebarContent>
</Sidebar>
);
}