fix: Fix multiple issues

Dockerfile

@@ -1,4 +1,4 @@
-FROM epamedp/headlamp:0.22.20
+FROM epamedp/headlamp:0.22.21
 
 COPY --chown=100:101 assets/ /headlamp/frontend
 COPY --chown=100:101 dist/main.js /headlamp/plugins/edp/main.js

src/k8s/JiraServer/mocks/jira-server.mock.ts

@@ -11,4 +11,9 @@ export const JiraServerMock = {
     available: true,
     status: 'finished',
   },
+  spec: {
+    apiUrl: 'https://test-jira.com',
+    credentialName: 'ci-jira',
+    rootUrl: 'https://test-jira.com',
+  },
 };

src/pages/edp-cdpipeline-list/constants.ts

@@ -1,3 +1,4 @@
 export const permissionChecks = {
   CD_PIPELINE: 'cdPipeline',
+  CODEBASE: 'codebase',
 } as const;

src/pages/edp-cdpipeline-list/providers/Permissions/context.ts

@@ -7,4 +7,7 @@ export const PermissionsContext = React.createContext<PermissionsContextProvider
     update: false,
     delete: false,
   },
+  codebase: {
+    create: false,
+  },
 });

src/pages/edp-cdpipeline-list/providers/Permissions/provider.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { EDPCDPipelineKubeObject } from '../../../../k8s/EDPCDPipeline';
 import { EDPCDPipelineKubeObjectConfig } from '../../../../k8s/EDPCDPipeline/config';
+import { EDPCodebaseKubeObject } from '../../../../k8s/EDPCodebase';
+import { EDPCodebaseKubeObjectConfig } from '../../../../k8s/EDPCodebase/config';
 import { ValueOf } from '../../../../types/global';
 import { PermissionList } from '../../../../types/permissions';
 import { getDefaultNamespace } from '../../../../utils/getDefaultNamespace';
@@ -16,6 +18,15 @@ const CDPipelineInstance = new EDPCDPipelineKubeObject({
   },
 });
 
+const CodebaseInstance = new EDPCodebaseKubeObject({
+  apiVersion: `${EDPCodebaseKubeObjectConfig.group}/${EDPCodebaseKubeObjectConfig.version}`,
+  kind: EDPCodebaseKubeObjectConfig.kind,
+  // @ts-ignore
+  metadata: {
+    namespace: getDefaultNamespace(),
+  },
+});
+
 export const PermissionsContextProvider: React.FC = ({ children }) => {
   const [permissions, setPermissions] = React.useState<
     PermissionList<ValueOf<typeof permissionChecks>>
@@ -25,19 +36,27 @@ export const PermissionsContextProvider: React.FC = ({ children }) => {
       update: false,
       delete: false,
     },
+    codebase: {
+      create: false,
+    },
   });
 
   React.useEffect(() => {
     (async () => {
-      const createCheck = await CDPipelineInstance.getAuthorization('create');
-      const updateCheck = await CDPipelineInstance.getAuthorization('update');
-      const deleteCheck = await CDPipelineInstance.getAuthorization('delete');
+      const cdPipelineCreateCheck = await CDPipelineInstance.getAuthorization('create');
+      const cdPipelineUpdateCheck = await CDPipelineInstance.getAuthorization('update');
+      const cdPipelineDeleteCheck = await CDPipelineInstance.getAuthorization('delete');
+
+      const codebaseCreateCheck = await CodebaseInstance.getAuthorization('create');
 
       setPermissions({
         cdPipeline: {
-          create: createCheck?.status?.allowed || false,
-          update: updateCheck?.status?.allowed || false,
-          delete: deleteCheck?.status?.allowed || false,
+          create: cdPipelineCreateCheck?.status?.allowed || false,
+          update: cdPipelineUpdateCheck?.status?.allowed || false,
+          delete: cdPipelineDeleteCheck?.status?.allowed || false,
+        },
+        codebase: {
+          create: codebaseCreateCheck?.status?.allowed || false,
         },
       });
     })();
@@ -50,6 +69,9 @@ export const PermissionsContextProvider: React.FC = ({ children }) => {
         update: permissions.cdPipeline.update,
         delete: permissions.cdPipeline.delete,
       },
+      codebase: {
+        create: permissions.codebase.create,
+      },
     }),
     [permissions]
   );

src/pages/edp-cdpipeline-list/view.tsx

@@ -61,7 +61,8 @@ export const PageView = () => {
 
   const { filterFunction } = useFilterContext();
 
-  const { cdPipeline: CDPipelinePermissions } = usePermissionsContext();
+  const { cdPipeline: CDPipelinePermissions, codebase: codebasePermissions } =
+    usePermissionsContext();
 
   return (
     <PageWrapper>
@@ -118,12 +119,16 @@ export const PageView = () => {
                   error={error}
                   filterFunction={filterFunction}
                   blockerComponent={
-                    !gitOpsCodebaseQuery.data && (
-                      <EmptyList
-                        customText={'No GitOps repository configured.'}
-                        linkText={'Click here to add a repository.'}
-                        handleClick={() => history.push(gitOpsConfigurationPageRoute)}
-                      />
+                    codebasePermissions.create ? (
+                      !gitOpsCodebaseQuery.data && (
+                        <EmptyList
+                          customText={'No GitOps repository configured.'}
+                          linkText={'Click here to add a repository.'}
+                          handleClick={() => history.push(gitOpsConfigurationPageRoute)}
+                        />
+                      )
+                    ) : (
+                      <EmptyList customText="You do not have permission to create GitOps repository." />
                     )
                   }
                 />

src/pages/edp-component-list/components/ComponentList/index.tsx

@@ -92,6 +92,46 @@ export const ComponentList = ({ noGitServers }: ComponentListProps) => {
     permissions: codebasePermissions,
   });
 
+  const renderEmptyListComponent = React.useCallback(() => {
+    const componentsAreLoaded = items !== null;
+
+    if (!codebasePermissions.create) {
+      return <EmptyList customText="You do not have permission to create components." />;
+    }
+
+    if (componentsAreLoaded && noGitServers) {
+      return (
+        <EmptyList
+          customText={'No Git Servers Connected.'}
+          linkText={'Click here to add a Git Server.'}
+          handleClick={() => history.push(gitServersConfigurationPageRoute)}
+        />
+      );
+    }
+
+    return (
+      <EmptyList
+        customText={"Let's kickstart the application onboarding!"}
+        linkText={'Click here to add a new application and integrate with the platform.'}
+        handleClick={() => {
+          setDialog({
+            modalName: CREATE_EDIT_CODEBASE_DIALOG_NAME,
+            forwardedProps: {
+              mode: FORM_MODES.CREATE,
+            },
+          });
+        }}
+      />
+    );
+  }, [
+    codebasePermissions.create,
+    gitServersConfigurationPageRoute,
+    history,
+    items,
+    noGitServers,
+    setDialog,
+  ]);
+
   return (
     <>
       <Resources />
@@ -107,28 +147,7 @@ export const ComponentList = ({ noGitServers }: ComponentListProps) => {
         selected={selected}
         isSelected={(row) => selected.indexOf(row.metadata.name) !== -1}
         canBeSelected={(row) => row.spec.type !== CODEBASE_TYPES.SYSTEM}
-        emptyListComponent={
-          items !== null && noGitServers ? (
-            <EmptyList
-              customText={'No Git Servers Connected.'}
-              linkText={'Click here to add a Git Server.'}
-              handleClick={() => history.push(gitServersConfigurationPageRoute)}
-            />
-          ) : (
-            <EmptyList
-              customText={"Let's kickstart the application onboarding!"}
-              linkText={'Click here to add a new application and integrate with the platform.'}
-              handleClick={() => {
-                setDialog({
-                  modalName: CREATE_EDIT_CODEBASE_DIALOG_NAME,
-                  forwardedProps: {
-                    mode: FORM_MODES.CREATE,
-                  },
-                });
-              }}
-            />
-          )
-        }
+        emptyListComponent={renderEmptyListComponent()}
       />
       {deleteDialogOpen && (
         <ComponentMultiDeletion

src/pages/edp-configuration/pages/edp-jira-integration/view.tsx

@@ -16,10 +16,9 @@ import { ICONS } from '../../../../icons/iconify-icons-mapping';
 import { JiraServerKubeObject } from '../../../../k8s/JiraServer';
 import { SecretKubeObject } from '../../../../k8s/Secret';
 import { SECRET_LABEL_SECRET_TYPE } from '../../../../k8s/Secret/labels';
-import { FORM_MODES } from '../../../../types/forms';
 import { getForbiddenError } from '../../../../utils/getForbiddenError';
 import { rem } from '../../../../utils/styling/rem';
-import { ManageJira } from '../../../../widgets/ManageJira';
+import { ManageJiraServer } from '../../../../widgets/ManageJiraServer';
 import { ConfigurationPageContent } from '../../components/ConfigurationPageContent';
 import { JIRA_INTEGRATION_PAGE_DESCRIPTION } from './constants';
 
@@ -32,7 +31,6 @@ export const PageView = () => {
 
   const jiraServer = jiraServers?.[0]?.jsonData;
   const jiraServerSecret = jiraServerSecrets?.[0]?.jsonData;
-  const mode = !!jiraServerSecret ? FORM_MODES.EDIT : FORM_MODES.CREATE;
   const ownerReference = jiraServerSecret?.metadata?.ownerReferences?.[0]?.kind;
   const error = jiraServersError || jiraServerSecretsError;
   const isLoading = (jiraServers === null || jiraServerSecrets === null) && !error;
@@ -110,36 +108,26 @@ export const PageView = () => {
             </Typography>
           </AccordionSummary>
           <AccordionDetails>
-            <ManageJira
-              formData={{
-                jiraServer,
-                jiraServerSecret,
-                ownerReference,
-                isReadOnly: !!ownerReference,
-                mode,
-                handleClosePanel: handleCloseCreateDialog,
-              }}
+            <ManageJiraServer
+              secret={jiraServerSecret}
+              jiraServer={jiraServer}
+              ownerReference={ownerReference}
             />
           </AccordionDetails>
         </Accordion>
       </LoadingWrapper>
     );
-  }, [error, jiraServerSecret, isLoading, jiraServer, mode]);
+  }, [error, jiraServerSecret, isLoading, jiraServer]);
 
   return (
     <ConfigurationPageContent
       creationForm={{
         label: 'Add Integration',
         component: (
-          <ManageJira
-            formData={{
-              jiraServer,
-              jiraServerSecret,
-              ownerReference,
-              isReadOnly: !!ownerReference,
-              mode,
-              handleClosePanel: handleCloseCreateDialog,
-            }}
+          <ManageJiraServer
+            secret={jiraServerSecret}
+            jiraServer={jiraServer}
+            ownerReference={ownerReference}
           />
         ),
         isOpen: isCreateDialogOpen,

src/pages/edp-pipeline-details/components/PipelineRunDetails/index.tsx

@@ -134,12 +134,13 @@ export const PipelineRunDetails = ({ pipelineRunTasks, taskRunListByNameMap }) =
                         return (
                           <StyledAccordionChildBtn
                             color="inherit"
-                            onClick={() =>
+                            onClick={() => {
                               setActiveTab({
                                 type: 'step',
                                 name: taskRunStepName,
-                              })
-                            }
+                              });
+                              setActiveAccordion(taskRunName);
+                            }}
                             isActive={isActive}
                           >
                             <Stack direction="row" alignItems="center" spacing={2}>