feat: add app name in cd button

Author: arunjaindev

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

@@ -746,6 +746,7 @@ const Details: React.FC<DetailsType> = ({
                     deploymentUserActionState={deploymentUserActionState}
                     setHibernationPatchChartName={setHibernationPatchChartName}
                     applications={applications}
+                    isResourceTreeReloading={isReloadResourceTreeInProgress}
                 />
             </div>
             {!loadingDetails && !loadingResourceTree && !appDetails?.deploymentAppDeleteRequest && (

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

@@ -44,6 +44,7 @@ const ApprovalMaterialModal = importComponentFromFELibrary('ApprovalMaterialModa
 
 const AppDetailsCDButton = ({
     appId,
+    appName,
     environmentId,
     cdModal,
     deploymentAppType,
@@ -94,7 +95,7 @@ const AppDetailsCDButton = ({
                 text="Rollback"
                 variant={ButtonVariantType.text}
                 onClick={onClickDeployButton}
-                size={ComponentSizeType.medium}
+                size={ComponentSizeType.small}
             />
         ) : (
             <Button
@@ -152,6 +153,7 @@ const AppDetailsCDButton = ({
                         isLoading={loadingDetails}
                         isRedirectedFromAppDetails
                         handleSuccess={handleSuccess}
+                        selectedAppName={appName}
                     />
                 </div>
             </VisibleModal>

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

@@ -86,6 +86,7 @@ export const SourceInfo = ({
     setHibernationPatchChartName,
     applications,
     isAppView,
+    isResourceTreeReloading,
 }: SourceInfoType) => {
     const params = useParams<{ appId: string; envId?: string }>()
 
@@ -171,6 +172,7 @@ export const SourceInfo = ({
     const renderAppDetailsCDButton = (isForRollback?: boolean) => (
         <AppDetailsCDButton
             appId={appDetails.appId}
+            appName={appDetails.appName}
             environmentId={appDetails.environmentId}
             environmentName={appDetails.environmentName}
             isVirtualEnvironment={appDetails.isVirtualEnvironment}
@@ -445,6 +447,7 @@ export const SourceInfo = ({
                                   appName={appDetails.appName}
                                   envName={appDetails.environmentName}
                                   renderRollbackButton={() => renderAppDetailsCDButton(true)}
+                                isResourceTreeReloading={isResourceTreeReloading}
                               />
                           )}
                           {!appDetails?.deploymentAppDeleteRequest &&

src/components/app/types.ts

@@ -587,6 +587,7 @@ export interface SourceInfoType extends Pick<DetailsType, 'isAppView'>, Partial<
     filteredEnvIds?: string
     deploymentUserActionState?: ACTION_STATE
     setHibernationPatchChartName?: Dispatch<SetStateAction<string>>
+    isResourceTreeReloading?: boolean
 }
 
 export interface AppDetailsCDButtonType
@@ -599,6 +600,7 @@ export interface AppDetailsCDButtonType
     cdModal: CDModalProps
     isForEmptyState?: boolean
     isForRollback?: boolean
+    appName?: string
     handleSuccess?: CDMaterialProps['handleSuccess']
 }