refactor: use savePipeline and deleteWorkflow from common

Author: eshankvaish

package.json

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

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

@@ -38,10 +38,10 @@ import {
     ButtonVariantType,
     ComponentSizeType,
     ButtonStyleType,
-    noop,
     RuntimePluginVariables,
     uploadCIPipelineFile,
     UploadFileProps,
+    savePipeline,
 } from '@devtron-labs/devtron-fe-common-lib'
 import Tippy from '@tippyjs/react'
 import { getCIPipelineURL, getParsedBranchValuesForPlugin, importComponentFromFELibrary } from '../../../common'
@@ -67,7 +67,6 @@ import {
 } from '../../../app/details/triggerView/types'
 import { EmptyView } from '../../../app/details/cicdHistory/History.components'
 import BranchRegexModal from '../../../app/details/triggerView/BranchRegexModal'
-import { savePipeline } from '../../../ciPipeline/ciPipeline.service'
 import { BulkCIDetailType, BulkCITriggerType } from '../../AppGroup.types'
 import { IGNORE_CACHE_INFO } from '../../../app/details/triggerView/Constants'
 import TriggerResponseModalBody, { TriggerResponseModalFooter } from './TriggerResponseModal'

src/components/CIPipelineN/CIPipeline.tsx

@@ -567,6 +567,7 @@ export default function CIPipeline({
                         }}
                         onDelete={onClose}
                         getWorkflows={getWorkflows}
+                        isTemplateView={isTemplateView}
                     />
                 </ConditionalWrap>
             )

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

@@ -31,6 +31,7 @@ import {
     noop,
     Tooltip,
     DEFAULT_ROUTE_PROMPT_MESSAGE,
+    savePipeline,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { CIMaterialProps, CIMaterialState, RegexValueType } from './types'
 import { ReactComponent as ICInfoOutline } from '@Icons/ic-info-outline-grey.svg'
@@ -46,7 +47,6 @@ import { IGNORE_CACHE_INFO } from './Constants'
 import { EnvironmentList } from '../../../CIPipelineN/EnvironmentList'
 import { GitInfoMaterial } from '@Components/common/helpers/GitInfoMaterialCard/GitInfoMaterial'
 import BranchRegexModal from './BranchRegexModal'
-import { savePipeline } from '@Components/ciPipeline/ciPipeline.service'
 
 const AllowedWithWarningTippy = importComponentFromFELibrary('AllowedWithWarningTippy')
 const validateRuntimeParameters = importComponentFromFELibrary(

src/components/ciPipeline/LinkedCIPipelineView.tsx

@@ -260,6 +260,7 @@ export default class LinkedCIPipelineView extends Component<CIPipelineProps, CIP
                         getWorkflows={this.props.getWorkflows}
                         showIconOnly={false}
                         onDelete={this.onClose}
+                        isTemplateView={this.props.isTemplateView}
                     />
                 </ConditionalWrap>
             )

src/components/ciPipeline/ciPipeline.service.ts

@@ -16,7 +16,7 @@
 
 import {
     get,
-    post,
+    savePipeline,
     MaterialType,
     Githost,
     ScriptType,
@@ -42,28 +42,6 @@ const emptyStepsData = () => {
     return { id: 0, steps: [] }
 }
 
-export function savePipeline(
-    request,
-    { isTemplateView, isRegexMaterial }: Required<Pick<AppConfigProps, 'isTemplateView'>> & {
-        isRegexMaterial?: boolean
-    },
-): Promise<any> {
-    let url
-    if (isRegexMaterial) {
-        url = `${Routes.CI_PIPELINE_PATCH}/regex`
-    } else {
-        url = isTemplateView
-            ? getTemplateAPIRoute({
-                  type: GetTemplateAPIRouteType.CI_PIPELINE,
-                  queryParams: {
-                      id: request.appId,
-                  },
-              })
-            : `${Routes.CI_PIPELINE_PATCH}`
-    }
-    return post(url, request)
-}
-
 function getCIPipelineNameSuggestion(appId: string | number, isTemplateView: AppConfigProps['isTemplateView']): Promise<any> {
     const URL = isTemplateView ? getTemplateAPIRoute({
         type: GetTemplateAPIRouteType.PIPELINE_SUGGEST_CI,

src/components/workflowEditor/ToggleCDSelectButton.tsx

@@ -31,6 +31,7 @@ const ToggleCDSelectButton = ({
     deleteConfig,
     getWorkflows,
     hideDeleteButton = false,
+    isTemplateView,
 }: ToggleCDSelectButtonProps) => (
     <div
         className={`${!hideDeleteButton ? 'dc__grid-rows-2' : 'flex'} ci-node__action-button dc__right-radius-8 h-100 dc__border-left-n1 w-24 dc__align-items-center`}
@@ -66,6 +67,7 @@ const ToggleCDSelectButton = ({
                 deletePayloadConfig={deleteConfig}
                 title={deleteConfig.pipelineName}
                 getWorkflows={getWorkflows}
+                isTemplateView={isTemplateView}
             />
         )}
     </div>

src/components/workflowEditor/Workflow.tsx

@@ -436,7 +436,7 @@ export class Workflow extends Component<WorkflowProps, WorkflowState> {
                 isOffendingPipelineView={this.props.isOffendingPipelineView}
                 appId={this.props.match.params.appId}
                 getWorkflows={this.props.getWorkflows}
-
+                isTemplateView={this.props.isTemplateView}
             />
         )
     }

src/components/workflowEditor/nodes/CINode.tsx

@@ -33,7 +33,7 @@ import { URLS } from '../../../config'
 import { getLinkedCITippyContent } from '../../../Pages/Shared/LinkedCIDetailsModal/utils'
 import { WorkflowProps } from '../Workflow'
 
-export interface CINodeProps extends RouteComponentProps<{}>, Pick<WorkflowProps, 'isOffendingPipelineView'> {
+export interface CINodeProps extends RouteComponentProps<{}>, Pick<WorkflowProps, 'isOffendingPipelineView' | 'isTemplateView'> {
     x: number
     y: number
     width: number
@@ -213,6 +213,7 @@ export class CINode extends Component<CINodeProps> {
                                     testId={`ci-deployment-pipeline-${this.props.title}`}
                                     deleteConfig={this.deleteConfig}
                                     getWorkflows={this.props.getWorkflows}
+                                    isTemplateView={this.props.isTemplateView}
                                 />
                             )}
                     </div>

src/components/workflowEditor/nodes/WebhookNode.tsx

@@ -117,6 +117,7 @@ export const WebhookNode = ({
                                 onClickAddNode={addNewCD}
                                 testId={`webhook-deployment-pipeline-button-${id}`}
                                 hideDeleteButton
+                                isTemplateView={isTemplateView}
                             />
                         )}
                     </div>