chore: update text for empty state deploy button

Author: arunjaindev

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.11.0-pre-9",
+        "@devtron-labs/devtron-fe-common-lib": "1.11.0-pre-9-beta-2",
         "@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

@@ -19,7 +19,6 @@ import ReactGA from 'react-ga4'
 import { useHistory, useLocation } from 'react-router-dom'
 
 import {
-    ACTION_STATE,
     Button,
     ButtonComponentType,
     ButtonVariantType,
@@ -30,8 +29,6 @@ import {
     VisibleModal,
 } from '@devtron-labs/devtron-fe-common-lib'
 
-import { ReactComponent as InfoOutline } from '../../../../assets/icons/ic-info-outline.svg'
-import { ReactComponent as DeployIcon } from '../../../../assets/icons/ic-nav-rocket.svg'
 import { BUTTON_TITLE } from '../../../ApplicationGroup/Constants'
 import { importComponentFromFELibrary } from '../../../common'
 import { URL_PARAM_MODE_TYPE } from '../../../common/helpers/types'
@@ -41,7 +38,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 { getDeployButtonStyle } from './utils'
+import { getDeployButtonIcon, getDeployButtonStyle } from './utils'
 
 const ApprovalMaterialModal = importComponentFromFELibrary('ApprovalMaterialModal')
 
@@ -87,8 +84,8 @@ const AppDetailsCDButton = ({
             dataTestId="deploy-button"
             size={isForEmptyState ? ComponentSizeType.large : ComponentSizeType.small}
             variant={ButtonVariantType.primary}
-            text={BUTTON_TITLE[DeploymentNodeType.CD]}
-            startIcon={deploymentUserActionState === ACTION_STATE.BLOCKED ? <InfoOutline /> : <DeployIcon />}
+            text={isForEmptyState ? 'Select Image to Deploy' : BUTTON_TITLE[DeploymentNodeType.CD]}
+            startIcon={getDeployButtonIcon(deploymentUserActionState, isForEmptyState)}
             onClick={onClickDeployButton}
             component={ButtonComponentType.button}
             style={getDeployButtonStyle(deploymentUserActionState)}

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

@@ -30,8 +30,10 @@ import {
     prefixZeroIfSingleDigit,
     AppEnvironment,
     SelectPickerOptionType,
+    Icon,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { GetIFrameSrcParamsType } from './types'
+import { ReactComponent as ICDeploy } from '@Icons/ic-nav-rocket.svg'
 
 export function getAggregator(nodeType: NodeType, defaultAsOtherResources?: boolean): AggregationKeys {
     switch (nodeType) {
@@ -386,9 +388,16 @@ export const getDeployButtonStyle = (actionState: ACTION_STATE): ButtonStyleType
         default:
             return ButtonStyleType.default
     }
-}   
+}
+
+export const getDeployButtonIcon = (actionState: ACTION_STATE, isForEmptyState: boolean): JSX.Element => {
+    if (actionState === ACTION_STATE.BLOCKED) {
+        return <Icon name="ic-info-outline" color={null} />
+    }
+    return isForEmptyState ? <Icon name="ic-hand-pointing" color={null} /> : <ICDeploy />
+}
 
 export const getEnvOptions = (env: AppEnvironment): SelectPickerOptionType<number> => ({
     label: env.environmentName,
     value: env.environmentId,
-})
+})

yarn.lock

@@ -1126,10 +1126,10 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@devtron-labs/[email protected]":
-  version "1.11.0-pre-9"
-  resolved "https://registry.yarnpkg.com/@devtron-labs/devtron-fe-common-lib/-/devtron-fe-common-lib-1.11.0-pre-9.tgz#17377b4bc671923134bf6ade08aeb5d194d8ffb3"
-  integrity sha512-KvdoTo7KvEK5sIT/NWbJZlbxlTla8WUUQ2BzRQsIU5QU/0IEw6gqyPslZDzMKDZvaErrWqODRyo3ZG1PedLolg==
+"@devtron-labs/[email protected]-beta-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==
   dependencies:
     "@codemirror/lang-json" "6.0.1"
     "@codemirror/lang-yaml" "6.1.2"