Implement KubeObjectStatusText extension API (#1188)

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

src/renderer/components/+network-policies/network-policies.scss

@@ -1,2 +1,7 @@
 .NetworkPolicies {
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
 }

src/renderer/components/+network-policies/network-policies.tsx

@@ -4,12 +4,11 @@ import React from "react";
 import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { RouteComponentProps } from "react-router-dom";
-import { NetworkPolicy, networkPolicyApi } from "../../api/endpoints/network-policy.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
+import { NetworkPolicy } from "../../api/endpoints/network-policy.api";
 import { KubeObjectListLayout } from "../kube-object";
 import { INetworkPoliciesRouteParams } from "./network-policies.route";
 import { networkPolicyStore } from "./network-policy.store";
-import { apiManager } from "../../api/api-manager";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 
 enum sortBy {
   name = "name",
@@ -37,12 +36,14 @@ export class NetworkPolicies extends React.Component<Props> {
         renderHeaderTitle={<Trans>Network Policies</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Policy Types</Trans>, className: "type" },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
         ]}
         renderTableContents={(item: NetworkPolicy) => [
           item.getName(),
+          <KubeObjectStatusIcon object={item} />,
           item.getNs(),
           item.getTypes().join(", "),
           item.getAge(),