30 lines
876 B
TypeScript
30 lines
876 B
TypeScript
import { Button, DialogTrigger, Modal, Text, Icon, Dialog } from '@umami/react-zen';
|
|
import { useMessages } from '@/components/hooks';
|
|
import { Plus } from '@/components/icons';
|
|
import { SegmentEditForm } from './SegmentEditForm';
|
|
|
|
export function SegmentAddButton({ websiteId }: { websiteId: string }) {
|
|
const { formatMessage, labels } = useMessages();
|
|
|
|
return (
|
|
<DialogTrigger>
|
|
<Button variant="primary">
|
|
<Icon>
|
|
<Plus />
|
|
</Icon>
|
|
<Text>{formatMessage(labels.segment)}</Text>
|
|
</Button>
|
|
<Modal>
|
|
<Dialog
|
|
title={formatMessage(labels.segment)}
|
|
style={{ width: 800, minHeight: 300, maxHeight: '90vh' }}
|
|
>
|
|
{({ close }) => {
|
|
return <SegmentEditForm websiteId={websiteId} onClose={close} />;
|
|
}}
|
|
</Dialog>
|
|
</Modal>
|
|
</DialogTrigger>
|
|
);
|
|
}
|