add config panel

kyma-project · Aug 27, 2024 · 9030ed7 · 9030ed7
1 parent 43e0d4e
commit 9030ed7
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/resources/Secrets/SecretDetails.js b/src/resources/Secrets/SecretDetails.js
@@ -9,6 +9,8 @@ import SecretCreate from './SecretCreate';
 import { ResourceDescription } from 'resources/Secrets';
 import { EventsList } from 'shared/components/EventsList';
 import { filterByResource } from 'hooks/useMessageList';
+import { UI5Panel } from 'shared/components/UI5Panel/UI5Panel';
+import { LayoutPanelRow } from 'shared/components/LayoutPanelRow/LayoutPanelRow';
 
 function HelmReleaseDataWrapper(secret) {
   if (secret.type !== 'helm.sh/release.v1') {
@@ -28,12 +30,6 @@ export function SecretDetails(props) {
   const Secret = resource => <SecretData key="secret-data" secret={resource} />;
 
   const customColumns = [
-    {
-      header: t('secrets.headers.type'),
-      value: secret => {
-        return secret.type;
-      },
-    },
     {
       header: t('common.headers.owner'),
       value: secret => (
@@ -54,9 +50,20 @@ export function SecretDetails(props) {
     />
   );
 
+  const Configuration = secret => (
+    <UI5Panel
+      fixed
+      keyComponent={'storageclass-configuration'}
+      title={t('storage-classes.headers.configuration')}
+    >
+      <LayoutPanelRow name={t('secrets.headers.type')} value={secret.type} />
+    </UI5Panel>
+  );
+
   return (
     <ResourceDetails
       customComponents={[
+        Configuration,
         Secret,
         CertificateData,
         HelmReleaseDataWrapper,