mirror of
https://github.com/supabase/supabase.git
synced 2026-10-14 21:59:16 +03:00
Ivan VasilovandJoshen Lim
586a829828
* Add another page for claiming a project. * Fix a misspell. * Minor fixes. * Comment some test code. * Update the design on the confirm step. * Reorganize the authorize page. Bunch of design fixes for the claim page. * Fix * Delete added files my mistake. * Separate claim-project and authorize pages. Minor design fixes. * Add more logs to the generate claim button. * snapshot. * Add more copy to the three steps. * Make the claim URL button better. * Add missing comma. * Fix unneeded changes. * Make the header full width. * Fix all comments by Joshen. * Clean up extra code. * Forgotten some things to clean. --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
25 lines
924 B
TypeScript
25 lines
924 B
TypeScript
import { OrganizationSelector } from 'components/ui/org-selector'
|
|
import { Organization } from 'types'
|
|
import { ProjectClaimLayout } from './layout'
|
|
|
|
export interface ProjectClaimChooseOrgProps {
|
|
onChoose: (org: Organization) => void
|
|
}
|
|
|
|
const MAX_ORGS_TO_SHOW = 5
|
|
|
|
export function ProjectClaimChooseOrg({ onChoose }: ProjectClaimChooseOrgProps) {
|
|
return (
|
|
<ProjectClaimLayout title="Claim a project">
|
|
<div className="mx-auto gap-y-4 py-6 flex flex-col">
|
|
<p className="text-sm text-foreground-light">
|
|
This is the first step in claiming your Supabase project. Once you're finished, the
|
|
project will be transferred to Supabase organization.
|
|
</p>
|
|
<p className="text-sm text-foreground-light">Please select an organization to continue.</p>
|
|
<OrganizationSelector onSelect={onChoose} maxOrgsToShow={MAX_ORGS_TO_SHOW} />
|
|
</div>
|
|
</ProjectClaimLayout>
|
|
)
|
|
}
|