first commit

calcom/packages/ui/components/createButton/CreateButtonWithTeamsList.tsx

@@ -0,0 +1,43 @@
+import { trpc } from "@calcom/trpc/react";
+
+import type { CreateBtnProps, Option } from "./CreateButton";
+import { CreateButton } from "./CreateButton";
+
+export function CreateButtonWithTeamsList(
+  props: Omit<CreateBtnProps, "options"> & {
+    onlyShowWithTeams?: boolean;
+    onlyShowWithNoTeams?: boolean;
+    isAdmin?: boolean;
+    includeOrg?: boolean;
+  }
+) {
+  const query = trpc.viewer.teamsAndUserProfilesQuery.useQuery({ includeOrg: props.includeOrg });
+  if (!query.data) return null;
+
+  const teamsAndUserProfiles: Option[] = query.data
+    .filter((profile) => !profile.readOnly)
+    .map((profile) => {
+      return {
+        teamId: profile.teamId,
+        label: profile.name || profile.slug,
+        image: profile.image,
+        slug: profile.slug,
+      };
+    });
+
+  if (props.isAdmin) {
+    teamsAndUserProfiles.push({
+      platform: true,
+      label: "Platform",
+      image: null,
+      slug: null,
+      teamId: null,
+    });
+  }
+
+  if (props.onlyShowWithTeams && teamsAndUserProfiles.length < 2) return null;
+
+  if (props.onlyShowWithNoTeams && teamsAndUserProfiles.length > 1) return null;
+
+  return <CreateButton {...props} options={teamsAndUserProfiles} />;
+}