phantomknight287/saturn

public

The operating system for your freelance business.

members are not assigned org wide rate when they joinef548497 months ago164 lines · 5.3 KB

1	'use client'
2
3	import { ChevronsUpDown, Plus } from 'lucide-react'
4	import Link from 'next/link
5	import { useRouter }
6	import { Avatar, AvatarFallback
7	import { Button }
8	import {
9	DropdownMenu,
10	DropdownMenuContent,
11	DropdownMenuItem,
12	DropdownMenuLabel,
13	DropdownMenuSeparator,
14	DropdownMenuTrigger,
15	} from '@/components/ui/dropdown-menu'
16	import { authClient }
17	import { logo }
18	import type { projects
19	import { NavUser }
20
21	interface ApplicationHeaderProps {
22	allOrganizations:
23	\| {
24	id: string
25	name: string
26	createdAt: Date
27	slug: string
28	metadata?: Record
29	logo?: string
30	}[]
31	\| null
32
33	allProjects:
34	organizationId:
35	organizationName:
36	organizationSlug:
37	projectName?:
38	}
39
40	export function ApplicationHeader({
41	organizationName,
42	projectName,
43	allOrganizations,
44	allProjects,
45	organizationSlug,
46	}: ApplicationHeaderProps)
47	const router =
48	const handleAddProject =
49	router.push(`/
50	}
51
52	return (
53	<div className='flex w-full items-center
54	<div className='mr-2
55	<DropdownMenu>
56	<DropdownMenuTrigger asChild>
57	<Button
58	aria-label='Open workspace switcher'
59	className='flex h-8 items-center gap-2 px-2 text-sm'
60	size='sm'
61	variant='ghost'
62	>
63	<Avatar className='
64	<AvatarFallback className='
65	{organizationName.charAt(0
66	</AvatarFallback>
67	</Avatar>
68	<span className='max-w-[120px] truncate font-medium text-sm
69	{organizationName}
70	</span>
71	<ChevronsUpDown className='
72	</Button>
73	</DropdownMenuTrigger>
74	<DropdownMenuContent align='
75	<DropdownMenuLabel className='
76	Workspaces
77	</DropdownMenuLabel>
78	<DropdownMenuSeparator />
79	{allOrganizations?.map((
80	<DropdownMenuItem
81	asChild
82	className='w-full gap-2 p-2'
83	key={organization.id
84	>
85	<Button
86	className='flex w-full items-center justify-start gap-2 outline-none ring-0'
87	onClick={async ()
88	await authClient.organization
89	organizationSlug: organization.slug
90	})
91	router.replace(`/
92	}}
93	variant={'ghost'}
94	>
95	<Avatar className='
96	<AvatarFallback className='
97	{organization.name.charAt
98	</AvatarFallback>
99	</Avatar>
100	{organization.name}
101	</Button>
102	</DropdownMenuItem>
103	))}
104	<DropdownMenuItem asChild>
105	<Link className='
106	<Plus className='
107	Add Organization
108	</Link>
109	</DropdownMenuItem>
110	</DropdownMenuContent>
111	</DropdownMenu>
112	{projectName && (
113	<>
114	<span className='mx-1 select-none font-light text-muted-foreground/50 text-xl
115	/
116	</span>
117	<DropdownMenu>
118	<DropdownMenuTrigger asChild>
119	<Button
120	aria-label='Open team switcher'
121	className='flex h-8 items-center gap-2 px-2 text-sm'
122	size='sm'
123	variant='ghost'
124	>
125	<div className='h-2 w-2 rounded-full bg-blue-500
126	<span className='max-w-[120px] truncate font-medium text-sm
127	{projectName}
128	</span>
129	<ChevronsUpDown className='
130	</Button>
131	</DropdownMenuTrigger>
132	<DropdownMenuContent align='
133	<DropdownMenuLabel className='
134	Projects
135	</DropdownMenuLabel>
136	<DropdownMenuSeparator />
137	{allProjects?.map((
138	<DropdownMenuItem className='
139	<Link
140	className='w-full'
141	href={`/${organizationSlug
142	>
143	{project.name}
144	</Link>
145	</DropdownMenuItem>
146	))}
147	<DropdownMenuItem
148	className='cursor-pointer gap-2 p-2'
149	onClick={handleAddProject}
150	>
151	<Plus className='
152	Add Project
153	</DropdownMenuItem>
154	</DropdownMenuContent>
155	</DropdownMenu>
156	</>
157	)}
158
159	<div className='ml-auto
160	<NavUser />
161	</div>
162	</div>
163	)
164	}