Render only secret name on pod details without access to secrets

Signed-off-by: Lauri Nevala <lauri.nevala@gmail.com>

src/renderer/components/+workloads-pods/pod-details-secrets.tsx

@@ -19,27 +19,43 @@ export class PodDetailsSecrets extends Component<Props> {
   secretsLoader = autorun(async () => {
     const { pod } = this.props;
 
-    this.secrets = await Promise.all(
+    this.secrets = (await Promise.all(
       pod.getSecrets().map(secretName => secretsApi.get({
         name: secretName,
         namespace: pod.getNs(),
       }))
-    );
+    )).filter(Boolean);
   });
 
   render() {
+    const { pod } = this.props;
+
     return (
       <div className="PodDetailsSecrets">
         {
-          this.secrets.map(secret => {
+          pod.getSecrets().map(secretName => {
-            return (
+            const secret = this.secrets.find(secret => secret.getName() === secretName);
-              <Link key={secret.getId()} to={getDetailsUrl(secret.selfLink)}>
+
-                {secret.getName()}
+            if (secret) {
-              </Link>
+              return this.renderSecretLink(secret);
-            );
+            } else {
+              return (
+                <>
+                  {secretName}
+                </>
+              );
+            }
           })
         }
       </div>
     );
   }
+
+  protected renderSecretLink(secret: Secret) {
+    return (
+      <Link key={secret.getId()} to={getDetailsUrl(secret.selfLink)}>
+        {secret.getName()}
+      </Link>
+    );
+  }
 }