chore: remove embedded settings page from webapp (#17643)

Author: joeykmh

airbyte-webapp/src/packages/cloud/views/routes/WorkspacesRoutes.tsx

@@ -26,7 +26,6 @@ import {
   SourcesPage as SettingsSourcesPage,
   DestinationsPage as SettingsDestinationsPage,
 } from "pages/SettingsPage/pages/ConnectorsPage";
-import { EmbeddedSettingsPage } from "pages/SettingsPage/pages/EmbbededSettingsPage/EmbeddedSettingsPage";
 import { NotificationPage } from "pages/SettingsPage/pages/NotificationPage";
 import { GeneralOrganizationSettingsPage } from "pages/SettingsPage/pages/Organization/GeneralOrganizationSettingsPage";
 import { OrganizationMembersPage } from "pages/SettingsPage/pages/Organization/OrganizationMembersPage";
@@ -108,7 +107,6 @@ export const WorkspacesRoutes: React.FC = () => {
         <Route path={CloudSettingsRoutePaths.Source} element={<SettingsSourcesPage />} />
         <Route path={CloudSettingsRoutePaths.Destination} element={<SettingsDestinationsPage />} />
         <Route path={CloudSettingsRoutePaths.Notifications} element={<NotificationPage />} />
-        <Route path={SettingsRoutePaths.Embedded} element={<EmbeddedSettingsPage />} />
         {supportsCloudDbtIntegration && (
           <Route path={CloudSettingsRoutePaths.DbtCloud} element={<DbtCloudSettingsView />} />
         )}

airbyte-webapp/src/packages/cloud/views/settings/CloudSettingsPage.tsx

@@ -27,8 +27,6 @@ export const CloudSettingsPage: React.FC = () => {
   const showAdvancedSettings = useExperiment("settings.showAdvancedSettings");
   const canManageOrganizationBilling = useGeneratedIntent(Intent.ManageOrganizationBilling);
   const canViewOrganizationUsage = useGeneratedIntent(Intent.ViewOrganizationUsage);
-  const canManageEmbedded = useIntent("CreateConfigTemplate", { organizationId: workspace.organizationId });
-  const allowConfigTemplateEndpoints = useExperiment("platform.allow-config-template-endpoints");
   const showOrgPicker = useExperiment("sidebar.showOrgPicker");
 
   return (
@@ -41,13 +39,6 @@ export const CloudSettingsPage: React.FC = () => {
               name={formatMessage({ id: "settings.account" })}
               to={CloudSettingsRoutePaths.Account}
             />
-            {canManageEmbedded && allowConfigTemplateEndpoints && (
-              <SettingsLink
-                iconType="stars"
-                name={formatMessage({ id: "settings.embedded" })}
-                to={CloudSettingsRoutePaths.Embedded}
-              />
-            )}
             <SettingsLink
               iconType="grid"
               name={formatMessage({ id: "settings.applications" })}

airbyte-webapp/src/packages/cloud/views/settings/routePaths.ts

@@ -15,5 +15,4 @@ export const CloudSettingsRoutePaths = {
   OrganizationMembers: SettingsRoutePaths.OrganizationMembers,
   DbtCloud: "dbt-cloud",
   Applications: SettingsRoutePaths.Applications,
-  Embedded: "embedded",
 } as const;

airbyte-webapp/src/pages/SettingsPage/OrganizationSettingsPage.tsx

@@ -10,9 +10,8 @@ import { SettingsLink, SettingsNavigation, SettingsNavigationBlock } from "area/
 import { FeatureItem, useFeature } from "core/services/features";
 import { useIsCloudApp } from "core/utils/app";
 import { Intent, useGeneratedIntent, useIntent } from "core/utils/rbac";
-import { useExperiment } from "hooks/services/Experiment";
 import { CloudSettingsRoutePaths } from "packages/cloud/views/settings/routePaths";
-import { RoutePaths, SettingsRoutePaths } from "pages/routePaths";
+import { SettingsRoutePaths } from "pages/routePaths";
 
 export const OrganizationSettingsPage: React.FC = () => {
   const { formatMessage } = useIntl();
@@ -22,8 +21,6 @@ export const OrganizationSettingsPage: React.FC = () => {
   const canViewOrganizationSettings = useIntent("ViewOrganizationSettings", { organizationId });
   const canManageOrganizationBilling = useGeneratedIntent(Intent.ManageOrganizationBilling, { organizationId });
   const canViewOrganizationUsage = useGeneratedIntent(Intent.ViewOrganizationUsage, { organizationId });
-  const canManageEmbedded = useIntent("CreateConfigTemplate", { organizationId });
-  const allowConfigTemplateEndpoints = useExperiment("platform.allow-config-template-endpoints");
   const isCloudApp = useIsCloudApp();
 
   return (
@@ -59,13 +56,6 @@ export const OrganizationSettingsPage: React.FC = () => {
               to={CloudSettingsRoutePaths.OrganizationUsage}
             />
           )}
-          {isCloudApp && canManageEmbedded && allowConfigTemplateEndpoints && (
-            <SettingsLink
-              iconType="stars"
-              name={formatMessage({ id: "settings.embedded" })}
-              to={`${RoutePaths.Settings}/${CloudSettingsRoutePaths.Embedded}`}
-            />
-          )}
         </SettingsNavigationBlock>
       </SettingsNavigation>
       <SettingsLayoutContent>