AwsMarketplaceOnboardingSuccessModal.tsx42 lines · main

1	import { Dialog, DialogContent, DialogFooter, DialogSection } from '@ui/components/shadcn/ui/dialog'
2	import { Button } from 'ui'
3
4	interface Props {
5	visible: boolean
6	onClose: () => void
7	}
8
9	const AwsMarketplaceOnboardingSuccessModal = ({ visible, onClose }: Props) => {
10	return (
11	<Dialog
12	open={visible}
13	onOpenChange={(open) => {
14	if (!open) onClose()
15	}}
16	>
17	<DialogContent
18	onOpenAutoFocus={(event) => event.preventDefault()}
19	size="xlarge"
20	hideClose={true}
21	onEscapeKeyDown={(e) => e.preventDefault()}
22	onPointerDownOutside={(e) => e.preventDefault()}
23	>
24	<DialogSection>
25	<div className="p-4 flex flex-col">
26	<h1 className="text-xl mb-4">AWS Marketplace Setup completed</h1>
27	<p className="text-foreground-light text-sm">
28	The organization is now managed and billed through AWS Marketplace.
29	</p>
30	</div>
31	</DialogSection>
32	<DialogFooter>
33	<Button size="medium" onClick={onClose}>
34	Go to Organization
35	</Button>
36	</DialogFooter>
37	</DialogContent>
38	</Dialog>
39	)
40	}
41
42	export default AwsMarketplaceOnboardingSuccessModal