Merge branch 'main' into feat/cm-based-default-cluster-show

Author: ritvikmahajan17

package.json

@@ -4,7 +4,10 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "0.0.41",
+        "@devtron-labs/devtron-fe-common-lib": "0.0.45",
+        "@rjsf/core": "^5.13.3",
+        "@rjsf/utils": "^5.13.3",
+        "@rjsf/validator-ajv8": "^5.13.3",
         "@sentry/browser": "^7.3.1",
         "@sentry/integrations": "^7.3.1",
         "@sentry/tracing": "^7.3.1",
@@ -48,7 +51,8 @@
         "xterm-addon-search": "^0.9.0",
         "xterm-webfont": "^2.0.0",
         "yaml": "^1.7.2",
-        "yamljs": "^0.3.0"
+        "yamljs": "^0.3.0",
+        "tippy.js": "^6.3.7"
     },
     "scripts": {
         "lint": "eslint src/**/*.tsx",

src/App.tsx

@@ -18,7 +18,7 @@ import {
     ToastBody3 as UpdateToast,
     ErrorBoundary,
 } from './components/common'
-import { showError, Progressing, BreadcrumbStore, Reload } from '@devtron-labs/devtron-fe-common-lib'
+import { showError, BreadcrumbStore, Reload, DevtronProgressing } from '@devtron-labs/devtron-fe-common-lib'
 import * as serviceWorker from './serviceWorker'
 import Hotjar from './components/Hotjar/Hotjar'
 import { validateToken } from './services/service'
@@ -207,7 +207,7 @@ export default function App() {
         <Suspense fallback={null}>
             {validating ? (
                 <div className="full-height-width">
-                    <Progressing pageLoader />
+                    <DevtronProgressing parentClasses="h-100 flex bcn-0" classes="icon-dim-80"/>
                 </div>
             ) : (
                 <>