chore: add util for getting cd node

Author: arunjaindev

src/components/ApplicationGroup/Details/TriggerView/EnvTriggerView.tsx

@@ -130,6 +130,7 @@ import { RenderCDMaterialContentProps } from './types'
 import { WebhookReceivedPayloadModal } from '@Components/app/details/triggerView/WebhookReceivedPayloadModal'
 import { getExternalCIConfig } from '@Components/ciPipeline/Webhook/webhook.service'
 import { shouldRenderWebhookAddImageModal } from '@Components/app/details/triggerView/TriggerView.utils'
+import { getSelectedCDNode } from './utils'
 
 const ApprovalMaterialModal = importComponentFromFELibrary('ApprovalMaterialModal')
 const getCIBlockState: (...props) => Promise<BlockedStateData> = importComponentFromFELibrary(
@@ -1449,17 +1450,10 @@ export default function EnvTriggerView({ filteredAppIds, isVirtualEnv }: AppGrou
                 )
                 if (!_cdNode) return null
 
-                let _selectedNode: CommonNodeAttr | undefined
-                if (bulkTriggerType === DeploymentNodeType.PRECD) {
-                    _selectedNode = _cdNode.preNode
-                } else if (bulkTriggerType === DeploymentNodeType.CD) {
-                    _selectedNode = _cdNode
-                } else if (bulkTriggerType === DeploymentNodeType.POSTCD) {
-                    _selectedNode = _cdNode.postNode
-                }
-
+                const _selectedNode: CommonNodeAttr | undefined = getSelectedCDNode(bulkTriggerType, _cdNode)
+            
                 const selectedArtifacts = _selectedNode?.[materialType]?.filter((artifact) => artifact.isSelected) ?? []
-                if (_selectedNode && selectedArtifacts.length > 0) {
+                if (selectedArtifacts?.length > 0) {
                     return { node: _selectedNode, wf }
                 }
                 return null

src/components/ApplicationGroup/Details/TriggerView/utils.ts

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { CommonNodeAttr, DeploymentNodeType } from '@devtron-labs/devtron-fe-common-lib'
+
 import { getIsMaterialApproved } from '@Components/app/details/triggerView/cdMaterials.utils'
 
 import { BulkCDDetailType, BulkCIDetailType } from '../../AppGroup.types'
@@ -46,6 +48,19 @@ export const getIsImageApprovedByDeployerSelected = (appList: BulkCDDetailType[]
         )
     })
 
+export const getSelectedCDNode = (bulkTriggerType: DeploymentNodeType, _cdNode: CommonNodeAttr) => {
+    if (bulkTriggerType === DeploymentNodeType.PRECD) {
+        return _cdNode.preNode
+    }
+    if (bulkTriggerType === DeploymentNodeType.CD) {
+        return _cdNode
+    }
+    if (bulkTriggerType === DeploymentNodeType.POSTCD) {
+        return _cdNode.postNode
+    }
+    return null
+}
+
 export const getSelectedAppListForBulkStrategy = (appList: BulkCDDetailType[], feasiblePipelineIds: Set<number>) =>
     appList
         .map((app) => ({ pipelineId: +app.cdPipelineId, appName: app.name }))

src/css/colorPalette.scss

@@ -247,9 +247,9 @@ $black: 0, 0, 0;
     --shadow-modal: 0px 1px 1px 0px rgba(#{$black}, 0.04), 0px 2px 8px 0px rgba(#{$black}, 0.04), 0px 3px 17px 0px rgba(#{$black}, 0.04), 0px 4px 30px 0px rgba(#{$black}, 0.13);
     --shadow-overlay: 0px 1px 1px 0px rgba(#{$black}, 0.04), 0px 2px 6px 0px rgba(#{$black}, 0.04), 0px 4px 12px 0px rgba(#{$black}, 0.1);
     --shadow-drawer: 0px 1px 1px 0px rgba(#{$black}, 0.04), 0px 2px 8px 0px rgba(#{$black}, 0.04), 0px 3px 17px 0px rgba(#{$black}, 0.04), 0px 4px 30px 0px rgba(#{$black}, 0.13);
-    --shadow-card-primary: 0px 1px 2px 0px rgba(1, 87, 173, 0.1);
-    --shadow-card-secondary: 0px 0px 8px 0px rgba(#{$black}, 0.1);
-    --shadow-card-tertiary: 0 8px 12px 0 rgba(30, 35, 96, 0.1), 0 1px 4px 0 rgba(#{$black}, 0.1);
+    --shadow-10: 0px 0px 4px 0px var(--black-20);
+    --shadow-20: 0px 0px 7px 0px var(--black-20);
+    --shadow-30: 0px 0px 10px 0px var(--black-20);
 
     &.theme {
         &__light {

src/css/themeUtils.scss

@@ -116,16 +116,16 @@
     }
 
     &__card {
-        &--primary {
-            box-shadow: var(--shadow-card-primary);
+        &--10 {
+            box-shadow: var(--shadow-10);
         }
 
-        &--secondary {
-            box-shadow: var(--shadow-card-secondary);
+        &--20 {
+            box-shadow: var(--shadow-20);
         }
 
-        &--tertiary {
-            box-shadow: var(--shadow-card-tertiary);
+        &--30 {
+            box-shadow: var(--shadow-10);
         }
     }
 }