fix: add fallback to data needed in SettingsLayout (#17004)

packages/features/settings/appDir/SettingsLayoutAppDirClient.tsx

@@ -10,7 +10,7 @@ import React, { useEffect, useState, useMemo } from "react";
 import { useOrgBranding } from "@calcom/features/ee/organizations/context/provider";
 import Shell from "@calcom/features/shell/Shell";
 import { classNames } from "@calcom/lib";
-import { HOSTED_CAL_FEATURES, WEBAPP_URL } from "@calcom/lib/constants";
+import { HOSTED_CAL_FEATURES, IS_CALCOM, WEBAPP_URL } from "@calcom/lib/constants";
 import { getPlaceholderAvatar } from "@calcom/lib/defaultAvatarImage";
 import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
@@ -141,6 +141,9 @@ tabs.find((tab) => {
  // TODO: Enable dsync for self hosters
  // tab.children?.push({ name: "directory_sync", href: "/settings/security/dsync" });
  }
+ if (tab.name === "admin" && IS_CALCOM) {
+ tab.children?.push({ name: "create_license_key", href: "/settings/license-key/new" });
+ }
 });
 
 // The following keys are assigned to admin only
@@ -393,8 +396,8 @@ const SettingsSidebarContainer = ({
  className = "",
  navigationIsOpenedOnMobile,
  bannersHeight,
- currentOrg,
- otherTeams,
+ currentOrg: currentOrgProp,
+ otherTeams: otherTeamsProp,
 }: SettingsSidebarContainerProps) => {
  const searchParams = useCompatSearchParams();
  const { t } = useLocale();
@@ -405,7 +408,16 @@ const SettingsSidebarContainer = ({
  teamMenuOpen: boolean;
  }[]
  >();
-
+ const session = useSession();
+ const { data: _currentOrg } = trpc.viewer.organizations.listCurrent.useQuery(undefined, {
+ enabled: !!session.data?.user?.org && !currentOrgProp,
+ });
+
+ const { data: _otherTeams } = trpc.viewer.organizations.listOtherTeams.useQuery(undefined, {
+ enabled: !!session.data?.user?.org && !otherTeamsProp,
+ });
+ const currentOrg = currentOrgProp ?? _currentOrg;
+ const otherTeams = otherTeamsProp ?? _otherTeams;
  // Same as above but for otherTeams
  useEffect(() => {
  if (otherTeams) {