choose-org.tsx27 lines · main

1	import { ProjectClaimLayout } from './layout'
2	import { OrganizationSelector } from '@/components/ui/org-selector'
3
4	export interface ProjectClaimChooseOrgProps {
5	onChoose: (orgSlug: string) => void
6	}
7
8	const MAX_ORGS_TO_SHOW = 5
9
10	export function ProjectClaimChooseOrg({ onChoose }: ProjectClaimChooseOrgProps) {
11	return (
12	<ProjectClaimLayout title="Claim a project">
13	<div className="mx-auto gap-y-4 py-6 flex flex-col">
14	<p className="text-sm text-foreground-light">
15	This is the first step in claiming your Briven project. Once you're finished, the
16	project will be transferred to Briven organization.
17	</p>
18	<p className="text-sm text-foreground-light">Please select an organization to continue.</p>
19	<OrganizationSelector
20	onSelect={onChoose}
21	maxOrgsToShow={MAX_ORGS_TO_SHOW}
22	canCreateNewOrg
23	/>
24	</div>
25	</ProjectClaimLayout>
26	)
27	}