feat: replace admin API settings page with link to API docs (calcom#28046)

* feat: replace admin API settings page with link to API docs

Co-Authored-By: joe@cal.com <j.auyeung419@gmail.com>

* chore: remove unused AdminAPIView component

Co-Authored-By: joe@cal.com <j.auyeung419@gmail.com>

* feat: rename admin API tab to API Docs

Co-Authored-By: joe@cal.com <j.auyeung419@gmail.com>

---------

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: joeauyeung

apps/web/app/(use-page-wrapper)/settings/(settings-layout)/SettingsLayoutAppDirClient.tsx

@@ -154,9 +154,10 @@ const getTabs = (orgBranding: OrganizationBranding | null) => {
           trackingMetadata: { section: "developer", page: "api_keys" },
         },
         {
-          name: "admin_api",
-          href: "/settings/organizations/admin-api",
-          trackingMetadata: { section: "developer", page: "admin_api" },
+          name: "api_docs",
+          href: "https://cal.com/docs/api-reference/v2/introduction",
+          isExternalLink: true,
+          trackingMetadata: { section: "developer", page: "api_docs" },
         },
         // TODO: Add profile level for embeds
         // { name: "embeds", href: "/v2/settings/developer/embeds" },
@@ -206,10 +207,10 @@ const getTabs = (orgBranding: OrganizationBranding | null) => {
           trackingMetadata: { section: "organization", page: "directory_sync" },
         },
         {
-          name: "admin_api",
-          href: "https://cal.com/docs/enterprise-features/api/api-reference/bookings#admin-access",
+          name: "api_docs",
+          href: "https://cal.com/docs/api-reference/v2/introduction",
           isExternalLink: true,
-          trackingMetadata: { section: "organization", page: "admin_api" },
+          trackingMetadata: { section: "organization", page: "api_docs" },
         },
         ...(HAS_ORG_OPT_IN_FEATURES
           ? [
@@ -450,7 +451,7 @@ const useTabs = ({
         return { ...tab, children: filtered };
       } else if (tab.href === "/settings/developer") {
         const filtered = tab?.children?.filter(
-          (childTab) => permissions?.canUpdateOrganization || childTab.name !== "admin_api"
+          (childTab) => permissions?.canUpdateOrganization || childTab.name !== "api_docs"
         );
         return { ...tab, children: filtered };
       }

apps/web/app/(use-page-wrapper)/settings/(settings-layout)/organizations/admin-api/page.tsx

@@ -1,33 +1,7 @@
-import { getTranslate, _generateMetadata } from "app/_utils";
+import { redirect } from "next/navigation";
 
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
-
-import { AdminAPIView } from "~/ee/organizations/admin-api";
-
-import { validateUserHasOrg } from "../actions/validateUserHasOrg";
-
-export const generateMetadata = async () =>
-  await _generateMetadata(
-    (t) => `${t("admin")} ${t("api_reference")}`,
-    (t) => t("leverage_our_api"),
-    undefined,
-    undefined,
-    "/settings/organizations/admin-api"
-  );
-
-const Page = async () => {
-  const t = await getTranslate();
-
-  await validateUserHasOrg();
-
-  return (
-    <SettingsHeader
-      title={`${t("admin")} ${t("api_reference")}`}
-      description={t("leverage_our_api")}
-      borderInShellHeader={false}>
-      <AdminAPIView />
-    </SettingsHeader>
-  );
+const Page = () => {
+  redirect("https://cal.com/docs/api-reference/v2/introduction");
 };
 
 export default Page;

apps/web/modules/ee/organizations/admin-api.tsx

@@ -816,6 +816,7 @@
   "owner": "Owner",
   "admin": "Admin",
   "admin_api": "Admin API",
+  "api_docs": "API Docs",
   "administrator_user": "Administrator user",
   "lets_create_first_administrator_user": "Let's create the first administrator user.",
   "admin_user_created": "Administrator user setup",