metis-desk/modules/companies/src/web/tickets/create/ui/ticket-target-create-dialog.tsx

42 lines
966 B
TypeScript

import { FormDialog } from "@repo/rdx-ui/components/form-dialog";
import type { ComponentProps } from "react";
import { useTranslation } from "react-i18next";
import { TicketQuickEditor } from "./ticket-quick-editor";
export function TicketTargetCreateDialog({
quick,
companyId,
csrfToken,
onSaved,
onOpenChange,
}: {
quick: ComponentProps<typeof TicketQuickEditor>["kind"] | undefined;
companyId: string;
csrfToken: string;
onSaved: (id: string) => void;
onOpenChange: (open: boolean) => void;
}) {
const { t } = useTranslation("companies");
return (
<FormDialog
cancelLabel={t("cancel")}
formActions
onOpenChange={onOpenChange}
open={Boolean(quick)}
title={t("tickets.newTarget")}
wide
>
{quick && (
<TicketQuickEditor
companyId={companyId}
csrfToken={csrfToken}
kind={quick}
onSaved={onSaved}
/>
)}
</FormDialog>
);
}