Merge pull request #2914 from devtron-labs/feat/refactor-material-view

feat: refactor material view

Author: AbhishekA1509

.eslintignore

@@ -253,10 +253,7 @@ src/components/globalConfigurations/GlobalConfiguration.tsx
 src/components/globalConfigurations/GlobalConfigurationProvider.tsx
 src/components/hostURL/HostURL.tsx
 src/components/hyperion/EnvironmentSelect.tsx
-src/components/material/CreateMaterial.tsx
-src/components/material/MaterialList.tsx
 src/components/material/MaterialView.tsx
-src/components/material/UpdateMaterial.tsx
 src/components/notifications/AddNotification.tsx
 src/components/notifications/ModifyRecipientsModal.tsx
 src/components/notifications/NotificationTab.tsx

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

@@ -165,7 +165,6 @@ export interface AppConfigurationContextType
     isJobView: boolean
     envIdToEnvApprovalConfigurationMap: ResourceIdToResourceApprovalPolicyConfigMapType
     lastUnlockedStage: string
-    isWorkflowEditorUnlocked: boolean
     getRepo: string
     envConfig: EnvConfigurationState
 }

src/Pages/Applications/DevtronApps/Details/AppConfigurations/AppConfiguration.provider.tsx

@@ -54,7 +54,6 @@ export const AppConfigurationProvider = (props: AppConfigurationProviderProps) =
             deleteApp,
             canShowExternalLinks,
             showCannotDeleteTooltip,
-            isWorkflowEditorUnlocked: state.isUnlocked.workflowEditor,
             toggleRepoSelectionTippy,
             getRepo: showRepoOnDelete,
             isJobView: resourceKind === ResourceKindType.job,

src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/AppComposeRouter.tsx

@@ -108,7 +108,6 @@ const AppComposeRouter = () => {
                     <div className="flex-grow-1 dc__overflow-auto">
                         <MaterialList
                             respondOnSuccess={respondOnSuccess}
-                            isWorkflowEditorUnlocked={isUnlocked.workflowEditor}
                             toggleRepoSelectionTippy={toggleRepoSelectionTippy}
                             setRepo={setRepoState}
                             isJobView={isJobView}
@@ -201,7 +200,6 @@ const AppComposeRouter = () => {
                     <div className="flex-grow-1 dc__overflow-auto">
                         <MaterialList
                             respondOnSuccess={respondOnSuccess}
-                            isWorkflowEditorUnlocked={isUnlocked.workflowEditor}
                             toggleRepoSelectionTippy={toggleRepoSelectionTippy}
                             setRepo={setRepoState}
                             isTemplateView={isTemplateView}

src/components/ciConfig/CIConfig.tsx

@@ -20,7 +20,7 @@ import { getGitProviderIcon, sortObjectArrayAlphabetically } from '../common'
 import { getDockerRegistryMinAuth } from './service'
 import { getSourceConfig, getCIConfig } from '../../services/service'
 import { ComponentStates } from '@Components/CIPipelineN/types'
-import { CIConfigProps, MaterialOptionType } from './types'
+import { CIConfigProps } from './types'
 import './CIConfig.scss'
 import CIConfigForm from './CIConfigForm'
 
@@ -69,7 +69,7 @@ export default function CIConfig({
                 Array.isArray(sourceConfig.material) &&
                 sortObjectArrayAlphabetically(sourceConfig.material, 'name')
                 const _sourceConfig = { ...sourceConfig }
-                const sourceConfigMaterial = sourceConfig.material?.map((material: MaterialOptionType) => {
+                const sourceConfigMaterial = sourceConfig.material?.map((material) => {
                     return {
                         ...material,
                         label: material?.name || '',

src/components/ciPipeline/ciPipeline.service.ts

@@ -135,7 +135,7 @@ function getPipelineBaseMetaConfiguration(
     isTemplateView: AppConfigProps['isTemplateView'],
 ): Promise<any> {
     return getSourceConfig(appId, queryParams, isTemplateView).then((response) => {
-        const materials: MaterialType[] = response?.result?.material?.map((mat: MaterialType) => {
+        const materials: MaterialType[] = response?.result?.material?.map((mat) => {
             return {
                 id: 0,
                 gitMaterialId: mat.id,
@@ -147,6 +147,7 @@ function getPipelineBaseMetaConfiguration(
                 gitProviderId: mat.gitProviderId,
                 gitHostId: 0,
                 url: mat.url,
+                isRegex: undefined,
             }
         })
         const _baseCiPipelineSourceTypeOptions = CiPipelineSourceTypeBaseOptions.map((obj) => ({ ...obj }))