Merge pull request #1513 from devtron-labs/feat/catalog-framework

feat: add the catalog framework under global configuration

Author: eshankvaish

src/components/globalConfigurations/GlobalConfiguration.tsx

@@ -37,9 +37,11 @@ const UserGroup = lazy(() => import('../userGroups/UserGroup'))
 const SSOLogin = lazy(() => import('../login/SSOLogin'))
 const CustomChartList = lazy(() => import('../CustomChart/CustomChartList'))
 const ScopedVariables = lazy(() => import('../scopedVariables/ScopedVariables'))
+const CodeEditor = lazy(() => import('../CodeEditor/CodeEditor'))
 const TagListContainer = importComponentFromFELibrary('TagListContainer')
 const PluginsPolicy = importComponentFromFELibrary('PluginsPolicy')
 const FilterConditions = importComponentFromFELibrary('FilterConditions')
+const CatalogFramework = importComponentFromFELibrary('CatalogFramework')
 
 export default function GlobalConfiguration(props) {
     const location = useLocation()
@@ -389,7 +391,15 @@ function NavItem({ serverMode }) {
                         <div className="flexbox flex-justify">External Links</div>
                     </NavLink>
 
-                    {serverMode !== SERVER_MODE.EA_ONLY && window._env_.ENABLE_SCOPED_VARIABLES && (
+                    {CatalogFramework && <NavLink
+                        to={URLS.GLOBAL_CONFIG_CATALOG_FRAMEWORK}
+                        key={URLS.GLOBAL_CONFIG_CATALOG_FRAMEWORK}
+                        activeClassName="active-route"
+                    >
+                        <div className="flexbox flex-justify">Catalog Framework</div>
+                    </NavLink>}
+
+                    {serverMode !== SERVER_MODE.EA_ONLY && window._env_.ENABLE_SCOPED_VARIABLES &&  (
                         <NavLink
                             to={URLS.GLOBAL_CONFIG_SCOPED_VARIABLES}
                             key={URLS.GLOBAL_CONFIG_SCOPED_VARIABLES}
@@ -574,6 +584,11 @@ function Body({ getHostURLConfig, checkList, serverMode, handleChecklistUpdate,
                     <ScopedVariables isSuperAdmin={isSuperAdmin} />
                 </Route>
             )}
+            {CatalogFramework && (
+                <Route key={URLS.GLOBAL_CONFIG_CATALOG_FRAMEWORK} path={URLS.GLOBAL_CONFIG_CATALOG_FRAMEWORK}>
+                    <CatalogFramework isSuperAdmin={isSuperAdmin} CodeEditor={CodeEditor} />
+                </Route>
+            )}
             {PluginsPolicy && (
                 <Route path={URLS.GLOBAL_CONFIG_PLUGINS}>
                     <PluginsPolicy />

src/config/routes.ts

@@ -68,6 +68,7 @@ export const URLS = {
     GLOBAL_CONFIG_PROJECT: '/global-config/projects',
     GLOBAL_CONFIG_LOGIN: '/global-config/login-service',
     GLOBAL_CONFIG_EXTERNAL_LINKS: '/global-config/external-links',
+    GLOBAL_CONFIG_CATALOG_FRAMEWORK: '/global-config/catalog-framework',
     GLOBAL_CONFIG_SCOPED_VARIABLES: '/global-config/scoped-variables',
     GLOBAL_CONFIG_TAGS: '/global-config/tags',
     GLOBAL_CONFIG_PLUGINS: '/global-config/plugins',

src/css/base.scss

@@ -2204,10 +2204,18 @@ button.anchor {
     max-width: 500px;
 }
 
+.dc__mxw-600 {
+    max-width: 600px;
+}
+
 .dc__mxw-800 {
     max-width: 800px;
 }
 
+.dc__mxw-960 {
+    max-width: 960px;
+}
+
 .dc__mxw-1000 {
     max-width: 1000px;
 }