From 6672987cd9a248bfab270604b7973ec1044cb745 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Wed, 23 Mar 2022 08:54:42 -0400
Subject: [PATCH] Improve ProjectSource display for configMap and secret

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../details/volumes/variants/projected.tsx     | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx b/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx
index 7587bbaa02..8b04d61755 100644
--- a/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx
+++ b/src/renderer/components/+workloads-pods/details/volumes/variants/projected.tsx
@@ -25,7 +25,11 @@ export const Projected: VolumeVariantComponent<"projected"> = (
                   </DrawerItem>
                   <DrawerItem name="Items">
                     <ul>
-                      {secret.items?.map(({ key }) => <li key={key}>{key}</li>)}
+                      {secret.items?.map(({ key, path }) => (
+                        <li key={key}>
+                          {key} ⇢ {path}
+                        </li>
+                      ))}
                     </ul>
                   </DrawerItem>
                 </>
@@ -35,7 +39,11 @@ export const Projected: VolumeVariantComponent<"projected"> = (
                   <DrawerTitle size="sub-title">Downward API</DrawerTitle>
                   <DrawerItem name="Items">
                     <ul>
-                      {downwardAPI.items?.map(({ path }) => <li key={path}>{path}</li>)}
+                      {downwardAPI.items?.map(({ path }) => (
+                        <li key={path}>
+                          {path}
+                        </li>
+                      ))}
                     </ul>
                   </DrawerItem>
                 </>
@@ -48,7 +56,11 @@ export const Projected: VolumeVariantComponent<"projected"> = (
                   </DrawerItem>
                   <DrawerItem name="Items">
                     <ul>
-                      {configMap.items?.map(({ path }) => <li key={path}>{path}</li>)}
+                      {configMap.items?.map(({ key, path }) => (
+                        <li key={key}>
+                          {key} ⇢ {path}
+                        </li>
+                      ))}
                     </ul>
                   </DrawerItem>
                 </>