New route for Lock Config

Author: prajjwal-devtron

src/components/CodeEditor/CodeEditor.tsx

@@ -48,7 +48,7 @@ interface CodeEditorInterface {
     onFocus?: () => void;
     children?: any;
     defaultValue?: string;
-    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile';
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext';
     tabSize?: number;
     readOnly?: boolean;
     noParsing?: boolean;
@@ -110,7 +110,7 @@ interface Action {
 }
 
 interface CodeEditorState {
-    mode: 'json' | 'yaml' | 'shell' | 'dockerfile';
+    mode: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext';
     diffMode: boolean;
     theme: 'vs' | 'vs-dark';
     code: string;

src/components/globalConfigurations/GlobalConfiguration.tsx

@@ -24,6 +24,7 @@ import { ReactComponent as Dropdown } from '../../assets/icons/ic-chevron-down.s
 import { ModuleStatus } from '../v2/devtronStackManager/DevtronStackManager.type'
 import { getModuleInfo } from '../v2/devtronStackManager/DevtronStackManager.service'
 import { BodyType } from './globalConfiguration.type'
+import CodeEditor from '../CodeEditor/CodeEditor'
 
 const HostURLConfiguration = lazy(() => import('../hostURL/HostURL'))
 const GitOpsConfiguration = lazy(() => import('../gitOps/GitOpsConfiguration'))
@@ -40,6 +41,7 @@ const ScopedVariables = lazy(() => import('../scopedVariables/ScopedVariables'))
 const TagListContainer = importComponentFromFELibrary('TagListContainer')
 const PluginsPolicy = importComponentFromFELibrary('PluginsPolicy')
 const FilterConditions = importComponentFromFELibrary('FilterConditions')
+const LockConfiguration = importComponentFromFELibrary('LockConfiguration')
 
 export default function GlobalConfiguration(props) {
     const location = useLocation()
@@ -421,6 +423,15 @@ function NavItem({ serverMode }) {
                             <div className="flexbox flex-justify">Filter condition</div>
                         </NavLink>
                     )}
+                    {LockConfiguration && (
+                        <NavLink
+                            to={URLS.GLOBAL_CONFIG_LOCK_CONFIG}
+                            key={URLS.GLOBAL_CONFIG_LOCK_CONFIG}
+                            activeClassName="active-route"
+                        >
+                            <div className="flexbox flex-justify">Lock Deployment config</div>
+                        </NavLink>
+                    )}
                 </>
             )}
         </div>
@@ -583,6 +594,14 @@ function Body({ getHostURLConfig, checkList, serverMode, handleChecklistUpdate,
                     <FilterConditions isSuperAdmin={isSuperAdmin} />
                 </Route>
             )}
+            {LockConfiguration && (
+                <Route path={URLS.GLOBAL_CONFIG_LOCK_CONFIG}>
+                    <LockConfiguration
+                        isSuperAdmin={isSuperAdmin}
+                        CodeEditor={CodeEditor}
+                    />
+                </Route>
+            )}
             <Redirect to={defaultRoute()} />
         </Switch>
     )
@@ -611,10 +630,18 @@ function Title({ title = '', subtitle = '', style = {}, className = '', tag = ''
 function ListToggle({ onSelect, enabled = false, isButtonDisabled = false, ...props }) {
     const handleToggle = () => {
         if (!isButtonDisabled) {
-            onSelect(!enabled);
+            onSelect(!enabled)
         }
-    };
-    return <Toggle dataTestId="toggle-button" {...props} onSelect={handleToggle} selected={enabled} disabled={isButtonDisabled} />
+    }
+    return (
+        <Toggle
+            dataTestId="toggle-button"
+            {...props}
+            onSelect={handleToggle}
+            selected={enabled}
+            disabled={isButtonDisabled}
+        />
+    )
 }
 
 function DropDown({ className = '', dataTestid = '', style = {}, src = null, ...props }) {

src/config/routes.ts

@@ -72,6 +72,7 @@ export const URLS = {
     GLOBAL_CONFIG_TAGS: '/global-config/tags',
     GLOBAL_CONFIG_PLUGINS: '/global-config/plugins',
     GLOBAL_CONFIG_FILTER_CONDITION: '/global-config/filter-condition',
+    GLOBAL_CONFIG_LOCK_CONFIG: '/global-config/lock-config',
     GUIDE: 'guide',
     GETTING_STARTED: 'getting-started',
     SECURITY: '/security',