From bfc58edc464af3f6dbe01bd6115f96a86f85ea35 Mon Sep 17 00:00:00 2001
From: Lauri Nevala <lauri.nevala@gmail.com>
Date: Thu, 16 Apr 2020 07:41:19 +0300
Subject: [PATCH] Display emptyDir medium and size limit (#257)

Signed-off-by: Lauri Nevala <lauri.nevala@gmail.com>
---
 dashboard/client/api/endpoints/pods.api.ts    |  4 ++++
 .../+workloads-pods/pod-details.tsx           | 19 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/dashboard/client/api/endpoints/pods.api.ts b/dashboard/client/api/endpoints/pods.api.ts
index bed1e52928..adb00cbea7 100644
--- a/dashboard/client/api/endpoints/pods.api.ts
+++ b/dashboard/client/api/endpoints/pods.api.ts
@@ -175,6 +175,10 @@ export class Pod extends WorkloadKubeObject {
       persistentVolumeClaim: {
         claimName: string;
       };
+      emptyDir: {
+        medium?: string;
+        sizeLimit?: string;
+      };
       secret: {
         secretName: string;
         defaultMode: number;
diff --git a/dashboard/client/components/+workloads-pods/pod-details.tsx b/dashboard/client/components/+workloads-pods/pod-details.tsx
index a4b66df672..ec406ce0d0 100644
--- a/dashboard/client/components/+workloads-pods/pod-details.tsx
+++ b/dashboard/client/components/+workloads-pods/pod-details.tsx
@@ -176,6 +176,8 @@ export class PodDetails extends React.Component<Props> {
             <DrawerTitle title={<Trans>Volumes</Trans>}/>
             {volumes.map(volume => {
               const claimName = volume.persistentVolumeClaim ? volume.persistentVolumeClaim.claimName : null;
+              const type = Object.keys(volume)[1]
+
               return (
                 <div key={volume.name} className="volume">
                   <div className="title flex gaps">
@@ -183,8 +185,23 @@ export class PodDetails extends React.Component<Props> {
                     <span>{volume.name}</span>
                   </div>
                   <DrawerItem name={<Trans>Type</Trans>}>
-                    {Object.keys(volume)[1]}
+                    {type}
                   </DrawerItem>
+                  { type === "emptyDir" && (
+                    <div>
+                      { volume.emptyDir.medium && (
+                      <DrawerItem name={<Trans>Medium</Trans>}>
+                        {volume.emptyDir.medium}
+                      </DrawerItem>
+                      )}
+                      { volume.emptyDir.sizeLimit && (
+                        <DrawerItem name={<Trans>Size Limit</Trans>}>
+                        {volume.emptyDir.sizeLimit}
+                        </DrawerItem>
+                      )}
+                    </div>
+                  )}
+
                   {claimName && (
                     <DrawerItem name={<Trans>Claim Name</Trans>}>
                       <Link