@coder/backstage-plugin-coder/dist/components/CoderProviderSettings.esm.js

Create and manage Coder workspaces from Backstage

import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import { ProviderSettingsItem, DefaultProviderSettings } from '@backstage/plugin-user-settings';
import { useApi, configApiRef } from '@backstage/core-plugin-api';
import { coderAuthApiRef } from '../api/CoderAuthApi.esm.js';
import { CoderLogo } from './CoderLogo/CoderLogo.esm.js';

const CoderProviderSettings = () => {
  const configApi = useApi(configApiRef);
  const providersConfig = configApi.getOptionalConfig("auth.providers");
  const configuredProviders = [...providersConfig?.keys() || []];
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    configuredProviders.includes("coder") && /* @__PURE__ */ jsx(
      ProviderSettingsItem,
      {
        title: "Coder",
        description: "Sign in to Coder to access your development workspaces",
        apiRef: coderAuthApiRef,
        icon: () => /* @__PURE__ */ jsx(CoderLogo, {})
      }
    ),
    /* @__PURE__ */ jsx(DefaultProviderSettings, { configuredProviders })
  ] });
};

export { CoderProviderSettings };
//# sourceMappingURL=CoderProviderSettings.esm.js.map