Merge branch 'main' of https://github.com/devtron-labs/devtron-fe-common-lib into chore/sync-main

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.5-pre-8",
+    "version": "1.20.6",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -28,6 +28,7 @@ import {
     ComponentSizeType,
     PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL,
 } from '@Shared/constants'
+import { useMainContext } from '@Shared/Providers'
 import { AppType } from '@Shared/types'
 
 import { APIResponseHandler } from '../APIResponseHandler'
@@ -57,7 +58,7 @@ const AppStatusModal = ({
     initialTab,
     debugWithAIButton,
 }: AppStatusModalProps) => {
-    const [showConfigDriftModal, setShowConfigDriftModal] = useState(false)
+    const { setTempAppWindowConfig } = useMainContext()
     const [selectedTab, setSelectedTab] = useState<AppStatusModalTabType>(initialTab || null)
 
     const appDetailsAbortControllerRef = useRef<AbortController>(new AbortController())
@@ -241,30 +242,20 @@ const AppStatusModal = ({
 
     const handleShowConfigDriftModal = isConfigDriftEnabled
         ? () => {
-              setShowConfigDriftModal(true)
+              handleClose()
+              setTempAppWindowConfig({
+                  open: true,
+                  title: `${appDetails.appName} / Live and desired manifest comparison`,
+                  component: <ConfigDriftModal appId={appDetails.appId} envId={appDetails.environmentId} />,
+              })
           }
         : null
 
-    const handleCloseConfigDriftModal = () => {
-        handleClose()
-        setShowConfigDriftModal(false)
-    }
-
     const handleSelectTab = async (updatedTab: AppStatusModalTabType) => {
         handleClearDeploymentStatusTimeout()
         setSelectedTab(updatedTab)
     }
 
-    if (showConfigDriftModal) {
-        return (
-            <ConfigDriftModal
-                appId={appDetails.appId}
-                envId={+appDetails.environmentId}
-                handleCloseModal={handleCloseConfigDriftModal}
-            />
-        )
-    }
-
     const filteredTitleSegments = (titleSegments || []).filter((segment) => !!segment)
 
     const getEmptyStateMessage = () => {

src/Shared/Components/AppStatusModal/AppStatusModal.component.tsx

@@ -262,7 +262,6 @@ export interface AppDetails {
 
 export interface ConfigDriftModalProps extends Required<Pick<AppDetails, 'appId'>> {
     envId: number
-    handleCloseModal?: () => void
 }
 
 export enum RegistryType {