Merge branch 'main' of github.com:devtron-labs/devtron-fe-common-lib into feat/multi-select-picker

Author: eshankvaish

package-lock.json

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

package.json

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react'
 import Tippy from '@tippyjs/react'
 import { AddCDButtonProps, TooltipContentProps } from './types'
 import { AddCDPositions } from '../Types'

src/Assets/Icon/ic-book-open.svg

@@ -33,11 +33,23 @@ export default function AppStatus({
     }
     const appStatusLowerCase = status?.toLowerCase()
     const isNotDeployed = appStatusLowerCase === StatusConstants.NOT_DEPLOYED.noSpaceLower
-    const iconClass = isNotDeployed ? StatusConstants.NOT_DEPLOYED.lowerCase : appStatusLowerCase
+    const isNotReady = appStatus === StatusConstants.NOT_READY.normalCase
     const statusMessage = status || (isVirtualEnv ? StatusConstants.NOT_AVILABLE.normalCase : '-')
     const notDeployed = isJobView ? YET_TO_RUN : StatusConstants.NOT_DEPLOYED.normalCase
     const textContent = isNotDeployed ? notDeployed : statusMessage
 
+    const getIconClass = () => {
+        if (isNotDeployed) {
+            return StatusConstants.NOT_DEPLOYED.lowerCase
+        }
+        if (isNotReady) {
+            return StatusConstants.NOT_READY.lowerCase
+        }
+        return appStatusLowerCase
+    }
+
+    const iconClass = getIconClass()
+
     const renderIcon = () => {
         if (iconClass) {
             return <span className={`dc__app-summary__icon icon-dim-16 ${iconClass} ${iconClass}--node`} />

src/Assets/Icon/ic-circle.svg

@@ -20,6 +20,11 @@ export const StatusConstants = {
         normalCase: 'Not deployed',
         lowerCase: 'not-deployed',
     },
+    NOT_READY: {
+        noSpaceLower: 'notready',
+        normalCase: 'Not Ready',
+        lowerCase: 'not-ready',
+    },
     APP_STATUS: {
         noSpaceLower: 'appStatus',
         normalText: 'App status',