Files
calendar/packages/features/ee/dsync/components/CreateTeamDialog.tsx
T
cd952dc93c chore: decouple ui dialog from AppRouter and Atoms (#20088)
* chore: decouple ui dialog from AppRouter and Atoms

* fix type e2e test

* fix: import dialog from @calcom/ui/components/dialog

* fix: remove log

* fix unit test

* fix

* fix and move data-override-list test to features package

---------

Co-authored-by: hbjORbj <sldisek783@gmail.com>
2025-03-27 09:24:42 +02:00

36 lines
1.1 KiB
TypeScript

import { Dialog } from "@calcom/features/components/controlled-dialog";
import { CreateANewTeamForm } from "@calcom/features/ee/teams/components";
import { useLocale } from "@calcom/lib/hooks/useLocale";
import { trpc } from "@calcom/trpc/react";
import { DialogContent } from "@calcom/ui/components/dialog";
interface CreateTeamDialogProps {
open: boolean;
onOpenChange: (open: boolean) => void;
}
const CreateTeamDialog = (props: CreateTeamDialogProps) => {
const { open, onOpenChange } = props;
const { t } = useLocale();
const utils = trpc.useUtils();
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent type="creation" title={t("create_new_team")} description={t("team_will_be_under_org")}>
<CreateANewTeamForm
inDialog
submitLabel="Create"
onCancel={() => onOpenChange(false)}
onSuccess={async () => {
await utils.viewer.dsync.teamGroupMapping.get.invalidate();
await utils.viewer.teams.list.invalidate();
onOpenChange(false);
}}
/>
</DialogContent>
</Dialog>
);
};
export default CreateTeamDialog;