feat: add support for skipping hibernated apps in bulk deploy

src/components/ApplicationGroup/AppGroup.types.ts

@@ -133,7 +133,7 @@ export interface BulkCDTriggerType extends BulkRuntimeParamsType {
     appList: BulkCDDetailType[]
     closePopup: (e) => void
     updateBulkInputMaterial: (materialList: Record<string, any>) => void
-    onClickTriggerBulkCD: (appsToRetry?: Record<string, boolean>) => void
+    onClickTriggerBulkCD: (skipIfHibernated: boolean, appsToRetry?: Record<string, boolean>) => void
     changeTab?: (
         materrialId: string | number,
         artifactId: number,

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

@@ -19,7 +19,6 @@
     CDMaterialResponseType,
     DeploymentNodeType,
     Drawer,
-    Progressing,
     ReleaseTag,
     ImageComment,
     showError,
@@ -48,9 +47,12 @@
     Button,
     ComponentSizeType,
     AnimatedDeployButton,
+    ButtonVariantType,
+    Icon,
+    ButtonStyleType,
+    useMainContext,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { useHistory, useLocation } from 'react-router-dom'
-import { ReactComponent as Close } from '@Icons/ic-cross.svg'
 import { ReactComponent as DeployIcon } from '@Icons/ic-nav-rocket.svg'
 import { ReactComponent as PlayIcon } from '@Icons/ic-play-outline.svg'
 import { ReactComponent as Error } from '@Icons/ic-warning.svg'
@@ -89,6 +91,7 @@
     () => ({ isValid: true, cellError: {} }),
     'function',
 )
+const SkipHibernatedCheckbox = importComponentFromFELibrary('SkipHibernatedCheckbox', null, 'function')
 
 // TODO: Fix release tags selection
 export default function BulkCDTrigger({
@@ -109,6 +112,7 @@
     runtimeParamsErrorState,
     setRuntimeParamsErrorState,
 }: BulkCDTriggerType) {
+    const { deployUnhibernatedAppOnly } = useMainContext()
     const [selectedApp, setSelectedApp] = useState<BulkCDDetailType>(
         appList.find((app) => !app.warningMessage) || appList[0],
     )
@@ -125,6 +129,7 @@
     const [isPartialActionAllowed, setIsPartialActionAllowed] = useState(false)
     const [showResistanceBox, setShowResistanceBox] = useState(false)
     const [currentSidebarTab, setCurrentSidebarTab] = useState<CDMaterialSidebarType>(CDMaterialSidebarType.IMAGE)
+    const [skipHibernated, setSkipHibernated] = useState<boolean>(false)
 
     const location = useLocation()
     const history = useHistory()
@@ -351,15 +356,18 @@
     const renderHeaderSection = (): JSX.Element => {
         return (
             <div className="flex flex-align-center flex-justify dc__border-bottom bg__primary pt-16 pr-20 pb-16 pl-20">
-                <h2 className="fs-16 fw-6 lh-1-43 m-0">Deploy to {appList[0].envName}</h2>
-                <button
-                    type="button"
-                    className="dc__transparent flex icon-dim-24"
+                <h2 className="fs-16 fw-6 lh-1-5 m-0">Deploy to {appList[0].envName}</h2>
+                <Button
+                    dataTestId="bulk-cd-modal-close"
                     disabled={isLoading}
                     onClick={closeBulkCDModal}
-                >
-                    <Close className="icon-dim-24" />
-                </button>
+                    size={ComponentSizeType.xs}
+                    icon={<Icon name="ic-close-small" size={null} color={null} />}
+                    ariaLabel="close bulk cd trigger modal"
+                    showAriaLabelInTippy={false}
+                    style={ButtonStyleType.negativeGrey}
+                    variant={ButtonVariantType.borderLess}
+                />
             </div>
         )
     }
@@ -829,13 +837,15 @@
         setShowResistanceBox(false)
     }
 
+    const triggerBulkCD = () => onClickTriggerBulkCD(skipHibernated)
+
     const onClickStartDeploy = (e): void => {
         if (isPartialActionAllowed && BulkDeployResistanceTippy && !showResistanceBox) {
             setShowResistanceBox(true)
         } else {
             isBulkDeploymentTriggered.current = true
             stopPropagation(e)
-            onClickTriggerBulkCD()
+            triggerBulkCD()
             setShowResistanceBox(false)
         }
     }
@@ -848,8 +858,21 @@
 
     const renderFooterSection = (): JSX.Element => {
         const isDeployButtonDisabled: boolean = isDeployDisabled()
+        const showSkipHibernatedCheckbox = stage === DeploymentNodeType.CD && !!SkipHibernatedCheckbox && deployUnhibernatedAppOnly
         return (
-            <div className="dc__border-top flex right bg__primary px-20 py-16">
+            <div
+                className={`dc__border-top flex ${showSkipHibernatedCheckbox ? 'dc__content-space' : 'right'} bg__primary px-20 py-16`}
+            >
+                {showSkipHibernatedCheckbox && (
+                    <SkipHibernatedCheckbox
+                        isDeploymentLoading={isLoading}
+                        envId={appList[0].envId}
+                        envName={appList[0].envName}
+                        appIds={appList.map((app) => app.appId)}
+                        skipHibernated={skipHibernated}
+                        setSkipHibernated={setSkipHibernated}
+                    />
+                )}
                 <div className="dc__position-rel tippy-over">
                     {!isDeployButtonDisabled && stage === DeploymentNodeType.CD && !isLoading ? (
                         <AnimatedDeployButton onButtonClick={onClickStartDeploy} isVirtualEnvironment={false} />
@@ -874,7 +897,7 @@
     return (
         <Drawer position="right" width="75%" minWidth="1024px" maxWidth="1200px">
             <div className="bg__primary bulk-ci-trigger-container">
-                <div className='flexbox-col flex-grow-1 dc__overflow-hidden'>
+                <div className="flexbox-col flex-grow-1 dc__overflow-hidden">
                     {renderHeaderSection()}
                     {responseListLength ? (
                         <TriggerResponseModalBody
@@ -892,7 +915,7 @@
                         closePopup={closeBulkCDModal}
                         responseList={responseList}
                         isLoading={isLoading}
-                        onClickRetryBuild={onClickTriggerBulkCD}
+                        onClickRetryBuild={triggerBulkCD}
                     />
                 ) : (
                     renderFooterSection()

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

@@ -1429,7 +1429,7 @@
         return true
     }
 
-    const onClickTriggerBulkCD = (appsToRetry?: Record<string, boolean>) => {
+    const onClickTriggerBulkCD = (skipIfHibernated: boolean, appsToRetry?: Record<string, boolean>) => {
         if (isCDLoading || !validateBulkRuntimeParams()) {
             return
         }
@@ -1482,6 +1482,7 @@
                         ...(getRuntimeParamsPayload
                             ? { runtimeParamsPayload: getRuntimeParamsPayload(runtimeParams[currentAppId] ?? []) }
                             : {}),
+                        skipIfHibernated: skipIfHibernated,
                     }),
                 )
             } else {
@@ -1941,7 +1942,7 @@
     }
     if (!filteredWorkflows.length) {
         return (
-            <div className='flex-grow-1'>
+            <div className="flex-grow-1">
                 <AppNotConfigured />
             </div>
         )
@@ -2099,7 +2100,7 @@
         )
     }
 
-    const renderBulkSourchChange = (): JSX.Element | null => {
+    const renderBulkSourceChange = (): JSX.Element | null => {
         if (!showBulkSourceChangeModal) {
             return null
         }
@@ -2452,12 +2453,12 @@
                     {renderBulkCDMaterial()}
                     {renderBulkCIMaterial()}
                     {renderApprovalMaterial()}
-                    {renderBulkSourchChange()}
+                    {renderBulkSourceChange()}
                 </TriggerViewContext.Provider>
                 <div />
             </div>
             {!!selectedAppList.length && (
-                <div className="flexbox dc__gap-8 dc__content-space dc__border-top w-100 bg__primary pt-12 pr-20 pb-12 pl-20">
+                <div className="flexbox dc__gap-8 dc__content-space dc__border-top w-100 bg__primary px-20 py-12">
                     {renderSelectedApps()}
                     {renderBulkTriggerActionButtons()}
                 </div>

src/components/app/details/triggerView/cdMaterial.tsx

@@ -894,6 +894,7 @@
                 ...(getRuntimeParamsPayload
                     ? { runtimeParamsPayload: getRuntimeParamsPayload(runtimeParamsList ?? []) }
                     : {}),
+                skipIfHibernated: false,
             })
                 .then((response: any) => {
                     if (response.result) {

src/components/common/navigation/NavigationRoutes.tsx

@@ -157,6 +157,7 @@
         isManifestScanningEnabled: false,
         canOnlyViewPermittedEnvOrgLevel: false,
         featureGitOpsFlags: structuredClone(DEFAULT_GIT_OPS_FEATURE_FLAGS),
+        deployUnhibernatedAppOnly: false,
         devtronManagedLicensingEnabled: false,
     })
     const [userPreferences, setUserPreferences] = useState<UserPreferencesType>(null)
@@ -339,10 +340,11 @@
             isManifestScanningEnabled: false,
             canOnlyViewPermittedEnvOrgLevel: false,
             featureGitOpsFlags: structuredClone(DEFAULT_GIT_OPS_FEATURE_FLAGS),
+            deployUnhibernatedAppOnly: false,
             devtronManagedLicensingEnabled: false,
         }
 
         if (!getEnvironmentData) {
             return fallbackResponse
         }
 
@@ -359,10 +361,11 @@
                 isManifestScanningEnabled: result.isManifestScanningEnabled,
                 canOnlyViewPermittedEnvOrgLevel: result.canOnlyViewPermittedEnvOrgLevel,
                 featureGitOpsFlags: parsedFeatureGitOpsFlags,
+                deployUnhibernatedAppOnly: result.deployUnhibernatedAppOnly ?? false,
                 devtronManagedLicensingEnabled: result.devtronManagedLicensingEnabled || false,
             }
         } catch {
             return fallbackResponse
         }
     }
 
@@ -386,7 +389,7 @@
             } else {
                 handleInitializeUserPreferencesFromResponse(userPreferencesResponse)
             }
         } catch (error) {
             setUserPreferencesError(error)
         }
     }
@@ -407,6 +410,7 @@
                 isManifestScanningEnabled: environmentDataResponse.isManifestScanningEnabled,
                 canOnlyViewPermittedEnvOrgLevel: environmentDataResponse.canOnlyViewPermittedEnvOrgLevel,
                 featureGitOpsFlags: environmentDataResponse.featureGitOpsFlags,
+                deployUnhibernatedAppOnly: environmentDataResponse.deployUnhibernatedAppOnly,
                 devtronManagedLicensingEnabled: environmentDataResponse.devtronManagedLicensingEnabled,
             })
 
@@ -492,7 +496,7 @@
 
     const showStackManager = !devtronManagedLicensingEnabled
 
     return (
         <MainContextProvider
             value={{
                 serverMode,
@@ -528,6 +532,7 @@
                 handleOpenLicenseInfoDialog,
                 licenseData,
                 setLicenseData,
+                deployUnhibernatedAppOnly: environmentDataState.deployUnhibernatedAppOnly,
             }}
         >
             <main className={_isOnboardingPage ? 'no-nav' : ''} id={DEVTRON_BASE_MAIN_ID}>