5f533247e1
* Update Supabase docs URLs to use env variable Co-authored-by: a <a@alaisteryoung.com> * Refactor: Use DOCS_URL constant for documentation links This change centralizes documentation links using a new DOCS_URL constant, improving maintainability and consistency. Co-authored-by: a <a@alaisteryoung.com> * Refactor: Use DOCS_URL constant for all documentation links This change replaces hardcoded documentation URLs with a centralized constant, improving maintainability and consistency. Co-authored-by: a <a@alaisteryoung.com> * replace more instances * ci: Autofix updates from GitHub workflow * remaining instances * fix duplicate useRouter --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com> Co-authored-by: alaister <10985857+alaister@users.noreply.github.com>
93 lines
3.1 KiB
TypeScript
93 lines
3.1 KiB
TypeScript
import Link from 'next/link'
|
||
import { useRouter } from 'next/router'
|
||
import { SubmitHandler } from 'react-hook-form'
|
||
import { toast } from 'sonner'
|
||
|
||
import { useAwsManagedOrganizationCreateMutation } from 'data/organizations/organization-create-mutation'
|
||
import { DOCS_URL } from 'lib/constants'
|
||
import { Button } from 'ui'
|
||
import {
|
||
ScaffoldSection,
|
||
ScaffoldSectionContent,
|
||
ScaffoldSectionDetail,
|
||
} from '../../../layouts/Scaffold'
|
||
import AwsMarketplaceAutoRenewalWarning from './AwsMarketplaceAutoRenewalWarning'
|
||
import { CloudMarketplaceOnboardingInfo } from './cloud-marketplace-query'
|
||
import NewAwsMarketplaceOrgForm, {
|
||
CREATE_AWS_MANAGED_ORG_FORM_ID,
|
||
NewMarketplaceOrgForm,
|
||
} from './NewAwsMarketplaceOrgForm'
|
||
|
||
interface Props {
|
||
onboardingInfo?: CloudMarketplaceOnboardingInfo | undefined
|
||
}
|
||
|
||
const AwsMarketplaceCreateNewOrg = ({ onboardingInfo }: Props) => {
|
||
const router = useRouter()
|
||
const {
|
||
query: { buyer_id: buyerId },
|
||
} = router
|
||
|
||
const { mutate: createOrganization, isLoading: isCreatingOrganization } =
|
||
useAwsManagedOrganizationCreateMutation({
|
||
onSuccess: (org) => {
|
||
//TODO(thomas): send tracking event?
|
||
router.push(`/org/${org.slug}`)
|
||
},
|
||
onError: (res) => {
|
||
toast.error(res.message, {
|
||
duration: 7_000,
|
||
})
|
||
},
|
||
})
|
||
|
||
const onSubmit: SubmitHandler<NewMarketplaceOrgForm> = async (values) => {
|
||
createOrganization({ ...values, buyerId: buyerId as string })
|
||
}
|
||
|
||
return (
|
||
<>
|
||
{onboardingInfo && !onboardingInfo.aws_contract_auto_renewal && (
|
||
<AwsMarketplaceAutoRenewalWarning
|
||
awsContractEndDate={onboardingInfo.aws_contract_end_date}
|
||
awsContractSettingsUrl={onboardingInfo.aws_contract_settings_url}
|
||
/>
|
||
)}
|
||
<ScaffoldSection>
|
||
<ScaffoldSectionDetail className="text-base">
|
||
<p>
|
||
You’ve subscribed to the Supabase {onboardingInfo?.plan_name_selected_on_marketplace}{' '}
|
||
Plan via the AWS Marketplace. As a final step, you need to create a Supabase
|
||
organization. That organization will be managed and billed through AWS Marketplace.
|
||
</p>
|
||
<p>
|
||
You can read more on billing through AWS in our {''}
|
||
{/*TODO(thomas): Update docs link once the new docs exist*/}
|
||
<Link href={`${DOCS_URL}/guides/platform`} target="_blank" className="underline">
|
||
Billing Docs.
|
||
</Link>
|
||
</p>
|
||
</ScaffoldSectionDetail>
|
||
<ScaffoldSectionContent className="lg:ml-10">
|
||
<div className="border-l px-10 pt-10">
|
||
<NewAwsMarketplaceOrgForm onSubmit={onSubmit} />
|
||
|
||
<div className="flex justify-end mt-10">
|
||
<Button
|
||
form={CREATE_AWS_MANAGED_ORG_FORM_ID}
|
||
htmlType="submit"
|
||
loading={isCreatingOrganization}
|
||
size="medium"
|
||
>
|
||
Create organization
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</ScaffoldSectionContent>
|
||
</ScaffoldSection>
|
||
</>
|
||
)
|
||
}
|
||
|
||
export default AwsMarketplaceCreateNewOrg
|