feat: add template view conditional checks

Author: eshankvaish

src/Pages/Applications/DevtronApps/Details/AppConfigurations/types.ts

@@ -75,6 +75,12 @@ export enum GetTemplateAPIRouteType {
     WORKFLOW_LIST = 'workflow/list',
     OVERVIEW = 'overview',
     README = 'readme',
+    CD_PIPELINE_LIST = 'cd-pipeline/list',
+    EXTERNAL_CI_LIST = 'external-ci/list',
+    EXTERNAL_CI = 'external-ci',
+    CI_PIPELINE = 'ci-pipeline',
+    CD_PIPELINE = 'cd-pipeline',
+    CONFIG_STRATEGY = 'config/strategy',
 }
 
 export interface GetTemplateAPIRouteProps {

src/Shared/Components/WorkflowOptionsModal/WorkflowOptionsModal.tsx

@@ -46,6 +46,8 @@ const WorkflowOptionsModal = ({
     resetChangeCIPayload,
     linkedCDSourceVariant,
     isAppGroup = false,
+    getTemplateAPIRoute,
+    isTemplateView,
 }: Readonly<WorkflowOptionsModalProps>) => {
     const [currentCIPipelineType, setCurrentCIPipelineType] = useState<CIPipelineNodeType | WorkflowNodeType.WEBHOOK>(
         null,
@@ -112,7 +114,10 @@ const WorkflowOptionsModal = ({
             if (containsCDPipeline) {
                 // Only need to disable it in case of error
                 setLoadingWebhook(true)
-                saveCDPipeline(getSwitchToWebhookPayload(changeCIPayload))
+                saveCDPipeline(getSwitchToWebhookPayload(changeCIPayload), {
+                    getTemplateAPIRoute,
+                    isTemplateView,
+                })
                     .then((response) => {
                         if (response.result) {
                             ToastManager.showToast({

src/Shared/Components/WorkflowOptionsModal/types.tsx

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 
+import { AppConfigProps, GetTemplateAPIRouteProps } from '@Pages/index'
 import { ChangeCIPayloadType, CIPipelineNodeType, WorkflowType } from '@Shared/types'
 
 interface LinkedCDSourceVariant {
@@ -31,7 +32,7 @@ export interface SourceTypeCardProps extends LinkedCDSourceVariant {
     isDisabled?: boolean
 }
 
-export interface WorkflowOptionsModalProps {
+export interface WorkflowOptionsModalProps extends Required<Pick<AppConfigProps, 'isTemplateView'>> {
     handleCloseWorkflowOptionsModal: () => void
     addCIPipeline: (type: CIPipelineNodeType, workflowId?: number | string) => void
     addWebhookCD: (workflowId?: number | string) => void
@@ -44,4 +45,5 @@ export interface WorkflowOptionsModalProps {
     getWorkflows?: () => void
     linkedCDSourceVariant?: LinkedCDSourceVariant
     isAppGroup?: boolean
+    getTemplateAPIRoute: (props: GetTemplateAPIRouteProps) => string
 }

src/Shared/Services/common.service.ts

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { AppConfigProps, GetTemplateAPIRouteType } from '@Pages/index'
+import { WorkflowOptionsModalProps } from '@Shared/Components/WorkflowOptionsModal/types'
 import { getUrlWithSearchParams, post, ROUTES } from '../../Common'
 import { GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types'
 
@@ -23,4 +25,21 @@ export const getResourceApiUrl = <T>({ baseUrl, kind, version, suffix, queryPara
 export const getPolicyApiUrl = <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) =>
     getUrlWithSearchParams(`global/policy/${kind}/${version}${suffix ? `/${suffix}` : ''}`, queryParams)
 
-export const saveCDPipeline = (request) => post(ROUTES.CD_CONFIG, request)
+export const saveCDPipeline = (
+    request,
+    {
+        getTemplateAPIRoute,
+        isTemplateView,
+    }: Pick<WorkflowOptionsModalProps, 'getTemplateAPIRoute'> & Required<Pick<AppConfigProps, 'isTemplateView'>>,
+) => {
+    const url = isTemplateView
+        ? getTemplateAPIRoute({
+              type: GetTemplateAPIRouteType.CD_PIPELINE,
+              queryParams: {
+                  id: request.appId,
+              },
+          })
+        : ROUTES.CD_CONFIG
+
+    return post(url, request)
+}