CreateAnalyticsBucketSheet.tsx27 lines · main

1	import { Sheet, SheetContent, SheetHeader, SheetTitle } from 'ui'
2
3	import { BUCKET_TYPES } from '../Storage.constants'
4	import { CreateAnalyticsBucketForm } from './CreateAnalyticsBucketForm'
5
6	interface CreateAnalyticsBucketSheetProps {
7	open: boolean
8	onOpenChange: (value: boolean) => void
9	}
10
11	export const CreateAnalyticsBucketSheet = ({
12	open,
13	onOpenChange,
14	}: CreateAnalyticsBucketSheetProps) => {
15	const config = BUCKET_TYPES['analytics']
16
17	return (
18	<Sheet open={open} onOpenChange={onOpenChange}>
19	<SheetContent aria-describedby={undefined} className="flex flex-col gap-y-0">
20	<SheetHeader>
21	<SheetTitle>Create {config.singularName} bucket</SheetTitle>
22	</SheetHeader>
23	<CreateAnalyticsBucketForm type="sheet" onOpenChange={onOpenChange} />
24	</SheetContent>
25	</Sheet>
26	)
27	}