AwsMarketplaceOnboardingSuccessModal.tsx 1.2 KB

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