From 9030ed724c9b238522e084243378983bf89a4819 Mon Sep 17 00:00:00 2001
From: Oliwia Gowor <oliwiagowor@gmail.com>
Date: Tue, 27 Aug 2024 11:15:54 +0200
Subject: [PATCH] add config panel

---
 src/resources/Secrets/SecretDetails.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/resources/Secrets/SecretDetails.js b/src/resources/Secrets/SecretDetails.js
index 10e201a6dd..0e0ccd58b8 100644
--- 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,