Display path to cluster's kubeconfig file in cluster settings (#751)

* Display path to cluster's kubeconfig file in cluster settings

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

src/renderer/components/+cluster-settings/cluster-settings.scss

@@ -66,6 +66,10 @@
             word-break: break-word;
             color: var(--textColorSecondary);
           }
+
+          .link {
+            @include pseudo-link;
+          }
         }
       }
     }

src/renderer/components/+cluster-settings/status.tsx

@@ -2,12 +2,21 @@ import React from "react";
 import { Cluster } from "../../../main/cluster";
 import { SubTitle } from "../layout/sub-title";
 import { Table, TableCell, TableRow } from "../table";
+import { autobind } from "../../utils";
+import { shell } from "electron";
 
 interface Props {
   cluster: Cluster;
 }
 
 export class Status extends React.Component<Props> {
+
+  @autobind()
+  openKubeconfig() {
+    const { cluster } = this.props;
+    shell.showItemInFolder(cluster.kubeConfigPath)
+  }
+
   renderStatusRows() {
     const { cluster } = this.props;
     const rows = [
@@ -27,6 +36,10 @@ export class Status extends React.Component<Props> {
             </TableRow>
           );
         })}
+        <TableRow>
+          <TableCell>Kubeconfig</TableCell>
+          <TableCell className="link value" onClick={this.openKubeconfig}>{cluster.kubeConfigPath}</TableCell>
+        </TableRow>
       </Table>
     );
   }