CreateAnalyticsBucketModal.tsx28 lines · main

1	import { Dialog, DialogContent, DialogHeader, DialogSectionSeparator, DialogTitle } from 'ui'
2
3	import { BUCKET_TYPES } from '../Storage.constants'
4	import { CreateAnalyticsBucketForm } from './CreateAnalyticsBucketForm'
5
6	interface CreateAnalyticsBucketModalProps {
7	open: boolean
8	onOpenChange: (value: boolean) => void
9	}
10
11	export const CreateAnalyticsBucketModal = ({
12	open,
13	onOpenChange,
14	}: CreateAnalyticsBucketModalProps) => {
15	const config = BUCKET_TYPES['analytics']
16
17	return (
18	<Dialog open={open} onOpenChange={onOpenChange}>
19	<DialogContent size="medium" aria-describedby={undefined}>
20	<DialogHeader>
21	<DialogTitle>Create {config.singularName} bucket</DialogTitle>
22	</DialogHeader>
23	<DialogSectionSeparator />
24	<CreateAnalyticsBucketForm type="dialog" onOpenChange={onOpenChange} />
25	</DialogContent>
26	</Dialog>
27	)
28	}