first commit

calcom/packages/features/ee/dsync/components/CreateTeamDialog.tsx

@@ -0,0 +1,34 @@
+import { CreateANewTeamForm } from "@calcom/features/ee/teams/components";
+import { useLocale } from "@calcom/lib/hooks/useLocale";
+import { trpc } from "@calcom/trpc/react";
+import { Dialog, DialogContent } from "@calcom/ui";
+
+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;