chore: update emty state button config

Author: arunjaindev

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.11.0-pre-9-beta-2",
+        "@devtron-labs/devtron-fe-common-lib": "1.11.0-pre-9-beta-3",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",

src/components/app/details/appDetails/AppDetailsCDButton.tsx

@@ -39,7 +39,7 @@ import CDMaterial from '../triggerView/cdMaterial'
 import { TRIGGER_VIEW_PARAMS } from '../triggerView/Constants'
 import { MATERIAL_TYPE } from '../triggerView/types'
 import { DA_APP_DETAILS_GA_EVENTS } from './constants'
-import { getDeployButtonIcon, getDeployButtonStyle } from './utils'
+import { getDeployButtonConfig } from './utils'
 
 const ApprovalMaterialModal = importComponentFromFELibrary('ApprovalMaterialModal')
 
@@ -80,7 +80,7 @@ const AppDetailsCDButton = ({
         history.push({ search: '' })
     }
 
-    const iconName = getDeployButtonIcon(deploymentUserActionState, isForEmptyState)
+    const { buttonStyle, iconName } = getDeployButtonConfig(deploymentUserActionState, isForEmptyState)
 
     const renderDeployButton = () => (
         <Button
@@ -91,7 +91,7 @@ const AppDetailsCDButton = ({
             startIcon={iconName && <Icon name={iconName} color={null} />}
             onClick={onClickDeployButton}
             component={ButtonComponentType.button}
-            style={getDeployButtonStyle(deploymentUserActionState)}
+            style={buttonStyle}
         />
     )
 

src/components/app/details/appDetails/utils.tsx

@@ -378,22 +378,21 @@ export const validateMomentDate = (date: string, format: string): string => {
     return moment(date, format).fromNow()
 }
 
-export const getDeployButtonStyle = (actionState: ACTION_STATE): ButtonStyleType => {
+export const getDeployButtonConfig = (
+    actionState: ACTION_STATE,
+    isForEmptyState: boolean,
+): { buttonStyle: ButtonStyleType; iconName: IconsProps['name'] } => {
+    if (isForEmptyState) {
+        return { buttonStyle: ButtonStyleType.default, iconName: 'ic-hand-pointing' }
+    }
     switch (actionState) {
         case ACTION_STATE.BLOCKED:
-            return ButtonStyleType.negative
+            return { buttonStyle: ButtonStyleType.negative, iconName: 'ic-info-outline' }
         case ACTION_STATE.PARTIAL:
-            return ButtonStyleType.warning
+            return { buttonStyle: ButtonStyleType.warning, iconName: 'ic-rocket-launch' }
         default:
-            return ButtonStyleType.default
-    }
-}
-
-export const getDeployButtonIcon = (actionState: ACTION_STATE, isForEmptyState: boolean): IconsProps['name'] => {
-    if (actionState === ACTION_STATE.BLOCKED) {
-        return 'ic-info-outline'
+            return { buttonStyle: ButtonStyleType.default, iconName: 'ic-rocket-launch' }
     }
-    return isForEmptyState ? 'ic-hand-pointing' : 'ic-rocket-launch'
 }
 
 export const getEnvOptions = (env: AppEnvironment): SelectPickerOptionType<number> => ({

yarn.lock

@@ -1126,10 +1126,10 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@devtron-labs/[email protected]2":
-  version "1.11.0-pre-9-beta-2"
-  resolved "https://registry.yarnpkg.com/@devtron-labs/devtron-fe-common-lib/-/devtron-fe-common-lib-1.11.0-pre-9-beta-2.tgz#a39bf07a73de60abe9b03680a3515bcdc5df9ccc"
-  integrity sha512-M7+w8VbfeiGtFUw4dCficmsIC3qVyaFa+zfNfohaIQwpMtt9pAkzL5D+PLXeQ8u/bzINPhKs3wOtCgIGJ56x5A==
+"@devtron-labs/[email protected]3":
+  version "1.11.0-pre-9-beta-3"
+  resolved "https://registry.yarnpkg.com/@devtron-labs/devtron-fe-common-lib/-/devtron-fe-common-lib-1.11.0-pre-9-beta-3.tgz#cc111a19822cbc1908f060a72a4da25f3f17fb8e"
+  integrity sha512-oA5PgLs61uRKLwooPT3hohz5mP/L2JOPjilf6CzQByB9ZjbAZNuF4a31LoyU/RJItprNjGEe2FZq9JVmZAT8nw==
   dependencies:
     "@codemirror/lang-json" "6.0.1"
     "@codemirror/lang-yaml" "6.1.2"