Switch to use KubeResourceStatusIcon

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

extensions/event-resource-status/Makefile

@@ -0,0 +1,5 @@
+install-deps:
+	npm install
+
+build: install-deps
+	npm run build

extensions/event-resource-status/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "event-resource-status",
+  "version": "0.1.0",
+  "description": "Adds resource status from events",
+  "renderer": "dist/renderer.js",
+  "lens": {
+    "metadata": {},
+    "styles": []
+  },
+  "scripts": {
+    "build": "webpack --config webpack.config.js",
+    "dev": "npm run build --watch"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@k8slens/extensions": "file:../../src/extensions/npm/extensions",
+    "ts-loader": "^8.0.4",
+    "typescript": "^4.0.3",
+    "webpack": "^4.44.2",
+    "mobx": "^5.15.5",
+    "react": "^16.13.1"
+  }
+}

extensions/event-resource-status/renderer.tsx

@@ -0,0 +1,42 @@
+import { LensRendererExtension, K8sApi } from "@k8slens/extensions";
+import { resolveStatus, resolveStatusForCronJobs, resolveStatusForPods } from "./src/resolver"
+
+export default class NodeMenuRendererExtension extends LensRendererExtension {
+  resourceStatusTexts = [
+    {
+      kind: "Pod",
+      apiVersions: ["v1"],
+      resolve: (object: K8sApi.Pod) => resolveStatusForPods(object)
+    },
+    {
+      kind: "ReplicaSet",
+      apiVersions: ["v1"],
+      resolve: (object: K8sApi.KubeObject) => resolveStatus(object)
+    },
+    {
+      kind: "Deployment",
+      apiVersions: ["apps/v1"],
+      resolve: (object: K8sApi.KubeObject) => resolveStatus(object)
+    },
+    {
+      kind: "StatefulSet",
+      apiVersions: ["apps/v1"],
+      resolve: (object: K8sApi.KubeObject) => resolveStatus(object)
+    },
+    {
+      kind: "DaemonSet",
+      apiVersions: ["apps/v1"],
+      resolve: (object: K8sApi.KubeObject) => resolveStatus(object)
+    },
+    {
+      kind: "Job",
+      apiVersions: ["batch/v1"],
+      resolve: (object: K8sApi.KubeObject) => resolveStatus(object)
+    },
+    {
+      kind: "CronJob",
+      apiVersions: ["batch/v1"],
+      resolve: (cronJob: K8sApi.CronJob) => resolveStatusForCronJobs(cronJob)
+    },
+  ]
+}

extensions/event-resource-status/src/resolver.tsx

@@ -0,0 +1,52 @@
+import { ResourceStatus, K8sApi } from "@k8slens/extensions";
+
+export function resolveStatus(object: K8sApi.KubeObject): ResourceStatus.Status {
+  const eventStore = K8sApi.apiManager.getStore(K8sApi.eventApi)
+  const events = (eventStore as K8sApi.EventStore).getEventsByObject(object);
+  let warnings = events.filter(evt => evt.isWarning());
+  if (!events.length || !warnings.length) {
+    return null;
+  }
+  const event = [...warnings, ...events][0]; // get latest event
+  return {
+    level: ResourceStatus.Level.WARNING,
+    text: `${event.message}`,
+    timestamp: event.metadata.creationTimestamp
+  }
+}
+
+export function resolveStatusForPods(pod: K8sApi.Pod): ResourceStatus.Status {
+  if (!pod.hasIssues()) {
+    return null
+  }
+  const eventStore = K8sApi.apiManager.getStore(K8sApi.eventApi)
+  const events = (eventStore as K8sApi.EventStore).getEventsByObject(pod);
+  let warnings = events.filter(evt => evt.isWarning());
+  if (!events.length || !warnings.length) {
+    return null;
+  }
+  const event = [...warnings, ...events][0]; // get latest event
+  return {
+    level: ResourceStatus.Level.WARNING,
+    text: `${event.message}`,
+    timestamp: event.metadata.creationTimestamp
+  }
+}
+
+export function resolveStatusForCronJobs(cronJob: K8sApi.CronJob): ResourceStatus.Status {
+  const eventStore = K8sApi.apiManager.getStore(K8sApi.eventApi)
+  let events = (eventStore as K8sApi.EventStore).getEventsByObject(cronJob);
+  let warnings = events.filter(evt => evt.isWarning());
+  if (cronJob.isNeverRun()) {
+    events = events.filter(event => event.reason != "FailedNeedsStart");
+  }
+  if (!events.length || !warnings.length) {
+    return null;
+  }
+  const event = [...warnings, ...events][0]; // get latest event
+  return {
+    level: ResourceStatus.Level.WARNING,
+    text: `${event.message}`,
+    timestamp: event.metadata.creationTimestamp
+  }
+}

extensions/event-resource-status/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "module": "CommonJS",
+    "target": "ES2017",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "moduleResolution": "Node",
+    "sourceMap": false,
+    "declaration": false,
+    "strict": false,
+    "noImplicitAny": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "jsx": "react"
+  },
+  "include": [
+    "./*.ts",
+    "./*.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+    "*.js"
+  ]
+}

extensions/event-resource-status/webpack.config.js

@@ -0,0 +1,35 @@
+const path = require('path');
+
+module.exports = [
+  {
+    entry: './renderer.tsx',
+    context: __dirname,
+    target: "electron-renderer",
+    mode: "production",
+    module: {
+      rules: [
+        {
+          test: /\.tsx?$/,
+          use: 'ts-loader',
+          exclude: /node_modules/,
+        },
+      ],
+    },
+    externals: [
+      {
+        "@k8slens/extensions": "var global.LensExtensions",
+        "react": "var global.React",
+        "mobx": "var global.Mobx"
+      }
+    ],
+    resolve: {
+      extensions: [ '.tsx', '.ts', '.js' ],
+    },
+    output: {
+      libraryTarget: "commonjs2",
+      globalObject: "this",
+      filename: 'renderer.js',
+      path: path.resolve(__dirname, 'dist'),
+    },
+  },
+];

package.json

@@ -190,7 +190,8 @@
       "node-menu",
       "metrics-cluster-feature",
       "license-menu-item",
-      "support-page"
+      "support-page",
+      "event-resource-status"
     ]
   },
   "dependencies": {

src/extensions/extension-loader.ts

@@ -59,11 +59,8 @@ export class ExtensionLoader {
     this.autoloadExtensions((extension: LensRendererExtension) => {
       extension.registerTo(clusterPageRegistry, extension.clusterPages)
       extension.registerTo(kubeObjectMenuRegistry, extension.kubeObjectMenuItems)
-<<<<<<< HEAD
       extension.registerTo(kubeObjectDetailRegistry, extension.kubeObjectDetailItems)
-=======
       extension.registerTo(resourceStatusRegistry, extension.resourceStatusTexts)
->>>>>>> 4f6b790d... Implement API ResourceStatusText extension
     })
   }
 

src/extensions/registries/resource-status-registry.ts

@@ -2,21 +2,22 @@ import { KubeObject } from "../renderer-api/k8s-api";
 
 import { BaseRegistry } from "./base-registry";
 
-export enum ResourceStatusColor {
+export enum ResourceStatusLevel {
-  INFO = "info",
+  INFO = 1,
-  SUCCESS = "success",
+  WARNING = 2,
-  ERROR = "error"
+  CRITICAL = 3
 }
 
 export type ResourceStatus = {
+  level: number;
   text: string;
-  color: string;
+  timestamp?: string;
 }
 
 export interface ResourceStatusRegistration {
   kind: string;
   apiVersions: string[];
-  resolver: (object: KubeObject) => ResourceStatus;
+  resolve: (object: KubeObject) => ResourceStatus;
 }
 
 export class ResourceStatusRegistry extends BaseRegistry<ResourceStatusRegistration> {

src/extensions/renderer-api/k8s-api.ts

@@ -2,6 +2,7 @@ export { isAllowedResource } from "../../common/rbac"
 export { apiManager } from "../../renderer/api/api-manager";
 export { KubeObjectStore } from "../../renderer/kube-object.store"
 export { KubeApi, forCluster, IKubeApiCluster } from "../../renderer/api/kube-api";
+export type { EventStore } from "../../renderer/components/+events/event.store"
 export { KubeObject } from "../../renderer/api/kube-object";
 export { Pod, podsApi, IPodContainer, IPodContainerStatus } from "../../renderer/api/endpoints";
 export { Node, nodesApi } from "../../renderer/api/endpoints";

src/extensions/renderer-api/resource-status.ts

@@ -1 +1 @@
-export { ResourceStatus as Status, ResourceStatusColor as Color } from "../registries/resource-status-registry"
+export { ResourceStatus as Status, ResourceStatusLevel as Level } from "../registries/resource-status-registry"

src/renderer/components/+config-autoscalers/hpa.scss

@@ -6,6 +6,10 @@
       flex: 1.5;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.metrics {
       flex: 1.5;
     }

src/renderer/components/+config-autoscalers/hpa.tsx

@@ -4,14 +4,13 @@ import React from "react";
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router";
 import { Trans } from "@lingui/macro";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { IHpaRouteParams } from "./hpa.route";
-import { HorizontalPodAutoscaler, hpaApi } from "../../api/endpoints/hpa.api";
+import { HorizontalPodAutoscaler } from "../../api/endpoints/hpa.api";
 import { hpaStore } from "./hpa.store";
 import { Badge } from "../badge";
 import { cssNames } from "../../utils";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -52,6 +51,7 @@ export class HorizontalPodAutoscalers extends React.Component<Props> {
         renderHeaderTitle={<Trans>Horizontal Pod Autoscalers</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Metrics</Trans>, className: "metrics" },
           { title: <Trans>Min Pods</Trans>, className: "min-pods", sortBy: sortBy.minPods },
@@ -62,6 +62,7 @@ export class HorizontalPodAutoscalers extends React.Component<Props> {
         ]}
         renderTableContents={(hpa: HorizontalPodAutoscaler) => [
           hpa.getName(),
+          <KubeResourceStatusIcon object={hpa} />,
           hpa.getNs(),
           this.getTargets(hpa),
           hpa.getMinPods(),

src/renderer/components/+config-maps/config-maps.scss

@@ -4,6 +4,10 @@
       flex: 2;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.keys {
       flex: 2.5;
     }

src/renderer/components/+config-maps/config-maps.tsx

@@ -10,6 +10,7 @@ import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-
 import { KubeObjectListLayout } from "../kube-object";
 import { IConfigMapsRouteParams } from "./config-maps.route";
 import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -40,12 +41,14 @@ export class ConfigMaps extends React.Component<Props> {
         renderHeaderTitle={<Trans>Config Maps</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Keys</Trans>, className: "keys", sortBy: sortBy.keys },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
         ]}
         renderTableContents={(configMap: ConfigMap) => [
           configMap.getName(),
+          <KubeResourceStatusIcon object={configMap}/>,
           configMap.getNs(),
           configMap.getKeys().join(", "),
           configMap.getAge(),

src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.scss

@@ -4,6 +4,10 @@
       flex: 2;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.keys {
       flex: 2.5;
     }

src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.tsx

@@ -10,6 +10,7 @@ import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-
 import { KubeObjectDetailsProps, KubeObjectListLayout } from "../kube-object";
 import { IPodDisruptionBudgetsRouteParams } from "./pod-disruption-budgets.route";
 import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -46,6 +47,7 @@ export class PodDisruptionBudgets extends React.Component<Props> {
         renderHeaderTitle={<Trans>Pod Disruption Budgets</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Min Available</Trans>, className: "min-available", sortBy: sortBy.minAvailable },
           { title: <Trans>Max Unavailable</Trans>, className: "max-unavailable", sortBy: sortBy.maxUnavailable },
@@ -56,6 +58,7 @@ export class PodDisruptionBudgets extends React.Component<Props> {
         renderTableContents={(pdb: PodDisruptionBudget) => {
           return [
             pdb.getName(),
+            <KubeResourceStatusIcon object={pdb} />,
             pdb.getNs(),
             pdb.getMinAvailable(),
             pdb.getMaxUnavailable(),

src/renderer/components/+config-resource-quotas/resource-quotas.scss

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

src/renderer/components/+config-resource-quotas/resource-quotas.tsx

@@ -11,6 +11,7 @@ import { AddQuotaDialog } from "./add-quota-dialog";
 import { resourceQuotaStore } from "./resource-quotas.store";
 import { IResourceQuotaRouteParams } from "./resource-quotas.route";
 import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -40,11 +41,13 @@ export class ResourceQuotas extends React.Component<Props> {
           renderHeaderTitle={<Trans>Resource Quotas</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
             { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
           ]}
           renderTableContents={(resourceQuota: ResourceQuota) => [
             resourceQuota.getName(),
+            <KubeResourceStatusIcon object={resourceQuota}/>,
             resourceQuota.getNs(),
             resourceQuota.getAge(),
           ]}

src/renderer/components/+config-secrets/secrets.scss

@@ -4,6 +4,10 @@
       flex: 1.5;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.labels {
       @include table-cell-labels-offsets;
     }

src/renderer/components/+config-secrets/secrets.tsx

@@ -12,6 +12,7 @@ import { KubeObjectListLayout } from "../kube-object";
 import { Badge } from "../badge";
 import { secretsStore } from "./secrets.store";
 import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -47,6 +48,7 @@ export class Secrets extends React.Component<Props> {
           renderHeaderTitle={<Trans>Secrets</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
             { title: <Trans>Labels</Trans>, className: "labels", sortBy: sortBy.labels },
             { title: <Trans>Keys</Trans>, className: "keys", sortBy: sortBy.keys },
@@ -55,6 +57,7 @@ export class Secrets extends React.Component<Props> {
           ]}
           renderTableContents={(secret: Secret) => [
             secret.getName(),
+            <KubeResourceStatusIcon object={secret} />,
             secret.getNs(),
             secret.getLabels().map(label => <Badge key={label} label={label}/>),
             secret.getKeys().join(", "),

src/renderer/components/+namespaces/namespaces.scss

@@ -4,6 +4,10 @@
       flex: 2;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.labels {
       flex: 4;
       @include table-cell-labels-offsets;

src/renderer/components/+namespaces/namespaces.tsx

@@ -2,16 +2,15 @@ import "./namespaces.scss"
 
 import React from "react";
 import { Trans } from "@lingui/macro";
-import { Namespace, namespacesApi, NamespaceStatus } from "../../api/endpoints";
+import { Namespace, NamespaceStatus } from "../../api/endpoints";
 import { AddNamespaceDialog } from "./add-namespace-dialog";
 import { TabLayout } from "../layout/tab-layout";
 import { Badge } from "../badge";
 import { RouteComponentProps } from "react-router";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { INamespacesRouteParams } from "./namespaces.route";
 import { namespaceStore } from "./namespace.store";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -43,12 +42,14 @@ export class Namespaces extends React.Component<Props> {
           renderHeaderTitle={<Trans>Namespaces</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>Labels</Trans>, className: "labels", sortBy: sortBy.labels },
             { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
             { title: <Trans>Status</Trans>, className: "status", sortBy: sortBy.status },
           ]}
           renderTableContents={(item: Namespace) => [
             item.getName(),
+            <KubeResourceStatusIcon object={item} />,
             item.getLabels().map(label => <Badge key={label} label={label}/>),
             item.getAge(),
             { title: item.getStatus(), className: item.getStatus().toLowerCase() },

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

@@ -3,5 +3,9 @@
     &.endpoints {
       flex-grow: 5.0;
     }
+
+    &.warning {
+      @include table-cell-warning;
+    }
   }
 }

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

@@ -4,12 +4,11 @@ import React from "react"
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router-dom"
 import { EndpointRouteParams } from "./endpoints.route"
-import { Endpoint, endpointApi } from "../../api/endpoints/endpoint.api"
+import { Endpoint } from "../../api/endpoints/endpoint.api"
 import { endpointStore } from "./endpoints.store";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { Trans } from "@lingui/macro";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -37,12 +36,14 @@ export class Endpoints extends React.Component<Props> {
         renderHeaderTitle={<Trans>Endpoints</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Endpoints</Trans>, className: "endpoints" },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
         ]}
         renderTableContents={(endpoint: Endpoint) => [
           endpoint.getName(),
+          <KubeResourceStatusIcon object={endpoint} />,
           endpoint.getNs(),
           endpoint.toString(),
           endpoint.getAge(),

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

@@ -3,5 +3,9 @@
     &.rules {
       flex-grow: 3.0;
     }
+
+    &.warning {
+      @include table-cell-warning;
+    }
   }
 }

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

@@ -4,12 +4,11 @@ import React from "react"
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router-dom"
 import { IngressRouteParams } from "./ingresses.route"
-import { Ingress, ingressApi } from "../../api/endpoints/ingress.api"
+import { Ingress } from "../../api/endpoints/ingress.api"
 import { ingressStore } from "./ingress.store";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { Trans } from "@lingui/macro";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -38,6 +37,7 @@ export class Ingresses extends React.Component<Props> {
         renderHeaderTitle={<Trans>Ingresses</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>LoadBalancers</Trans>, className: "loadbalancers" },
           { title: <Trans>Rules</Trans>, className: "rules" },
@@ -45,6 +45,7 @@ export class Ingresses extends React.Component<Props> {
         ]}
         renderTableContents={(ingress: Ingress) => [
           ingress.getName(),
+          <KubeResourceStatusIcon object={ingress} />,
           ingress.getNs(),
           ingress.getLoadBalancers().map(lb => <p key={lb}>{lb}</p>),
           ingress.getRoutes().map(route => <p key={route}>{route}</p>),

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 { NetworkPolicy } from "../../api/endpoints/network-policy.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { INetworkPoliciesRouteParams } from "./network-policies.route";
 import { networkPolicyStore } from "./network-policy.store";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-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(),
+          <KubeResourceStatusIcon object={item} />,
           item.getNs(),
           item.getTypes().join(", "),
           item.getAge(),

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

@@ -4,6 +4,10 @@
       flex: 0.6;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.age {
       flex: 0.4;
     }

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

@@ -5,12 +5,11 @@ import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { RouteComponentProps } from "react-router";
 import { IServicesRouteParams } from "./services.route";
-import { Service, serviceApi } from "../../api/endpoints/service.api";
+import { Service } from "../../api/endpoints/service.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { Badge } from "../badge";
 import { serviceStore } from "./services.store";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -50,6 +49,7 @@ export class Services extends React.Component<Props> {
         renderHeaderTitle={<Trans>Services</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Type</Trans>, className: "type", sortBy: sortBy.type },
           { title: <Trans>Cluster IP</Trans>, className: "clusterIp", sortBy: sortBy.clusterIp, },
@@ -61,6 +61,7 @@ export class Services extends React.Component<Props> {
         ]}
         renderTableContents={(service: Service) => [
           service.getName(),
+          <KubeResourceStatusIcon object={service} />,
           service.getNs(),
           service.getType(),
           service.getClusterIp(),

src/renderer/components/+nodes/nodes.scss

@@ -7,6 +7,10 @@
       text-overflow: ellipsis;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.cpu {
       flex: 1.0;
       align-self: center;

src/renderer/components/+nodes/nodes.tsx

@@ -16,6 +16,7 @@ import { bytesToUnits } from "../../utils/convertMemory";
 import { Tooltip, TooltipPosition } from "../tooltip";
 import kebabCase from "lodash/kebabCase";
 import upperFirst from "lodash/upperFirst";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -148,6 +149,7 @@ export class Nodes extends React.Component<Props> {
           renderHeaderTitle={<Trans>Nodes</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>CPU</Trans>, className: "cpu", sortBy: sortBy.cpu },
             { title: <Trans>Memory</Trans>, className: "memory", sortBy: sortBy.memory },
             { title: <Trans>Disk</Trans>, className: "disk", sortBy: sortBy.disk },
@@ -161,6 +163,7 @@ export class Nodes extends React.Component<Props> {
             const tooltipId = `node-taints-${node.getId()}`;
             return [
               node.getName(),
+              <KubeResourceStatusIcon object={node} />,
               this.renderCpuUsage(node),
               this.renderMemoryUsage(node),
               this.renderDiskUsage(node),

src/renderer/components/+pod-security-policies/pod-security-policies.scss

@@ -4,6 +4,10 @@
       &.volumes {
         flex-grow: 2;
       }
+
+      &.warning {
+        @include table-cell-warning;
+      }
     }
   }
 }

src/renderer/components/+pod-security-policies/pod-security-policies.tsx

@@ -4,10 +4,9 @@ import React from "react";
 import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { KubeObjectListLayout } from "../kube-object";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { podSecurityPoliciesStore } from "./pod-security-policies.store";
 import { PodSecurityPolicy, pspApi } from "../../api/endpoints";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -38,6 +37,7 @@ export class PodSecurityPolicies extends React.Component {
         renderHeaderTitle={<Trans>Pod Security Policies</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Privileged</Trans>, className: "privileged", sortBy: sortBy.privileged },
           { title: <Trans>Volumes</Trans>, className: "volumes", sortBy: sortBy.volumes },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
@@ -45,6 +45,7 @@ export class PodSecurityPolicies extends React.Component {
         renderTableContents={(item: PodSecurityPolicy) => {
           return [
             item.getName(),
+            <KubeResourceStatusIcon object={item} />,
             item.isPrivileged() ? <Trans>Yes</Trans> : <Trans>No</Trans>,
             item.getVolumes().join(", "),
             item.getAge(),

src/renderer/components/+storage-classes/storage-classes.scss

@@ -3,5 +3,9 @@
     &.is-default {
       flex: .5;
     }
+
+    &.warning {
+      @include table-cell-warning;
+    }
   }
 }

src/renderer/components/+storage-classes/storage-classes.tsx

@@ -5,11 +5,10 @@ import { RouteComponentProps } from "react-router-dom";
 import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { StorageClass, storageClassApi } from "../../api/endpoints/storage-class.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { IStorageClassesRouteParams } from "./storage-classes.route";
 import { storageClassStore } from "./storage-class.store";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -41,6 +40,7 @@ export class StorageClasses extends React.Component<Props> {
         renderHeaderTitle={<Trans>Storage Classes</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Provisioner</Trans>, className: "provisioner", sortBy: sortBy.provisioner },
           { title: <Trans>Reclaim Policy</Trans>, className: "reclaim-policy", sortBy: sortBy.reclaimPolicy },
           { title: <Trans>Default</Trans>, className: "is-default" },
@@ -48,6 +48,7 @@ export class StorageClasses extends React.Component<Props> {
         ]}
         renderTableContents={(storageClass: StorageClass) => [
           storageClass.getName(),
+          <KubeResourceStatusIcon object={storageClass} />,
           storageClass.provisioner,
           storageClass.getReclaimPolicy(),
           storageClass.isDefault() ? <Trans>Yes</Trans> : null,

src/renderer/components/+storage-volume-claims/volume-claims.scss

@@ -6,6 +6,10 @@
       flex-grow: 3;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.storage {
       flex: 0.6;
     }

src/renderer/components/+storage-volume-claims/volume-claims.tsx

@@ -5,8 +5,7 @@ import { observer } from "mobx-react";
 import { Link, RouteComponentProps } from "react-router-dom";
 import { Trans } from "@lingui/macro";
 import { volumeClaimStore } from "./volume-claim.store";
-import { PersistentVolumeClaim, pvcApi } from "../../api/endpoints/persistent-volume-claims.api";
+import { PersistentVolumeClaim } from "../../api/endpoints/persistent-volume-claims.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { KubeObjectListLayout } from "../kube-object";
 import { IVolumeClaimsRouteParams } from "./volume-claims.route";
@@ -14,7 +13,7 @@ import { unitsToBytes } from "../../utils/convertMemory";
 import { stopPropagation } from "../../utils";
 import { getDetailsUrl } from "../../navigation";
 import { storageClassApi } from "../../api/endpoints";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -53,6 +52,7 @@ export class PersistentVolumeClaims extends React.Component<Props> {
         renderHeaderTitle={<Trans>Persistent Volume Claims</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Storage class</Trans>, className: "storageClass", sortBy: sortBy.storageClass },
           { title: <Trans>Size</Trans>, className: "size", sortBy: sortBy.size },
@@ -68,6 +68,7 @@ export class PersistentVolumeClaims extends React.Component<Props> {
           }));
           return [
             pvc.getName(),
+            <KubeResourceStatusIcon object={pvc} />,
             pvc.getNs(),
             <Link to={storageClassDetailsUrl} onClick={stopPropagation}>
               {storageClassName}

src/renderer/components/+storage-volumes/volumes.scss

@@ -6,6 +6,10 @@
       flex-grow: 3;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.storage {
       flex: 0.6;
     }

src/renderer/components/+storage-volumes/volumes.tsx

@@ -4,15 +4,14 @@ import React from "react";
 import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { Link, RouteComponentProps } from "react-router-dom";
-import { PersistentVolume, persistentVolumeApi } from "../../api/endpoints/persistent-volume.api";
+import { PersistentVolume } from "../../api/endpoints/persistent-volume.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { IVolumesRouteParams } from "./volumes.route";
 import { stopPropagation } from "../../utils";
 import { getDetailsUrl } from "../../navigation";
 import { volumesStore } from "./volumes.store";
 import { pvcApi, storageClassApi } from "../../api/endpoints";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -46,6 +45,7 @@ export class PersistentVolumes extends React.Component<Props> {
         renderHeaderTitle={<Trans>Persistent Volumes</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Storage Class</Trans>, className: "storageClass", sortBy: sortBy.storageClass },
           { title: <Trans>Capacity</Trans>, className: "capacity", sortBy: sortBy.capacity },
           { title: <Trans>Claim</Trans>, className: "claim" },
@@ -59,6 +59,7 @@ export class PersistentVolumes extends React.Component<Props> {
           }));
           return [
             volume.getName(),
+            <KubeResourceStatusIcon object={volume} />,
             <Link to={storageClassDetailsUrl} onClick={stopPropagation}>
               {storageClassName}
             </Link>,

src/renderer/components/+user-management-roles-bindings/role-bindings.scss

@@ -2,4 +2,10 @@
   .help-icon {
     margin-left: $margin / 2;
   }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
 }

src/renderer/components/+user-management-roles-bindings/role-bindings.tsx

@@ -4,15 +4,12 @@ import React from "react";
 import { observer } from "mobx-react";
 import { Trans } from "@lingui/macro";
 import { RouteComponentProps } from "react-router";
-import { Icon } from "../icon";
 import { IRoleBindingsRouteParams } from "../+user-management/user-management.route";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
+import { RoleBinding } from "../../api/endpoints";
-import { clusterRoleBindingApi, RoleBinding, roleBindingApi } from "../../api/endpoints";
 import { roleBindingsStore } from "./role-bindings.store";
 import { KubeObjectListLayout } from "../kube-object";
 import { AddRoleBindingDialog } from "./add-role-binding-dialog";
-import { KubeObject } from "../../api/kube-object";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
-import { apiManager } from "../../api/api-manager";
 
 enum sortBy {
   name = "name",
@@ -44,12 +41,14 @@ export class RoleBindings extends React.Component<Props> {
         renderHeaderTitle={<Trans>Role Bindings</Trans>}
         renderTableHeader={[
           { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+          { className: "warning" },
           { title: <Trans>Bindings</Trans>, className: "bindings", sortBy: sortBy.bindings },
           { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
           { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
         ]}
         renderTableContents={(binding: RoleBinding) => [
           binding.getName(),
+          <KubeResourceStatusIcon object={binding} />,
           binding.getSubjectNames(),
           binding.getNs() || "-",
           binding.getAge(),

src/renderer/components/+user-management-roles/roles.scss

@@ -2,4 +2,10 @@
   .help-icon {
     margin-left: $margin / 2;
   }
+
+  .TableCell {
+    &.warning {
+      @include table-cell-warning;
+    }
+  }
 }

src/renderer/components/+user-management-roles/roles.tsx

@@ -9,6 +9,7 @@ import { rolesStore } from "./roles.store";
 import { Role } from "../../api/endpoints";
 import { KubeObjectListLayout } from "../kube-object";
 import { AddRoleDialog } from "./add-role-dialog";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -38,11 +39,13 @@ export class Roles extends React.Component<Props> {
           renderHeaderTitle={<Trans>Roles</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
             { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
           ]}
           renderTableContents={(role: Role) => [
             role.getName(),
+            <KubeResourceStatusIcon object={role} />,
             role.getNs() || "-",
             role.getAge(),
           ]}

src/renderer/components/+user-management-service-accounts/service-accounts.scss

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

src/renderer/components/+user-management-service-accounts/service-accounts.tsx

@@ -14,6 +14,7 @@ import { IServiceAccountsRouteParams } from "../+user-management";
 import { serviceAccountsStore } from "./service-accounts.store";
 import { CreateServiceAccountDialog } from "./create-service-account-dialog";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -42,11 +43,13 @@ export class ServiceAccounts extends React.Component<Props> {
           renderHeaderTitle={<Trans>Service Accounts</Trans>}
           renderTableHeader={[
             { title: <Trans>Name</Trans>, className: "name", sortBy: sortBy.name },
+            { className: "warning" },
             { title: <Trans>Namespace</Trans>, className: "namespace", sortBy: sortBy.namespace },
             { title: <Trans>Age</Trans>, className: "age", sortBy: sortBy.age },
           ]}
           renderTableContents={(account: ServiceAccount) => [
             account.getName(),
+            <KubeResourceStatusIcon object={account} />,
             account.getNs(),
             account.getAge(),
           ]}

src/renderer/components/+workloads-cronjobs/cronjobs.tsx

@@ -13,10 +13,10 @@ import { eventStore } from "../+events/event.store";
 import { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { ICronJobsRouteParams } from "../+workloads";
 import { KubeObjectListLayout } from "../kube-object";
-import { KubeEventIcon } from "../+events/kube-event-icon";
 import { _i18n } from "../../i18n";
 import { CronJobTriggerDialog } from "./cronjob-trigger-dialog";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -62,11 +62,7 @@ export class CronJobs extends React.Component<Props> {
         ]}
         renderTableContents={(cronJob: CronJob) => [
           cronJob.getName(),
-          <KubeEventIcon object={cronJob} filterEvents={events => {
+          <KubeResourceStatusIcon object={cronJob} />,
-            if (!cronJob.isNeverRun()) return events;
-            return events.filter(event => event.reason != "FailedNeedsStart");
-          }
-          }/>,
           cronJob.getNs(),
           cronJob.isNeverRun() ? <Trans>never</Trans> : cronJob.getSchedule(),
           cronJob.getSuspendFlag(),

src/renderer/components/+workloads-daemonsets/daemonsets.tsx

@@ -3,8 +3,7 @@ import "./daemonsets.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router";
-import { DaemonSet, daemonSetApi } from "../../api/endpoints";
+import { DaemonSet } from "../../api/endpoints";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { eventStore } from "../+events/event.store";
 import { daemonSetStore } from "./daemonsets.store";
 import { podsStore } from "../+workloads-pods/pods.store";
@@ -13,8 +12,7 @@ import { KubeObjectListLayout } from "../kube-object";
 import { IDaemonSetsRouteParams } from "../+workloads";
 import { Trans } from "@lingui/macro";
 import { Badge } from "../badge";
-import { KubeEventIcon } from "../+events/kube-event-icon";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
-import { apiManager } from "../../api/api-manager";
 
 enum sortBy {
   name = "name",
@@ -66,7 +64,7 @@ export class DaemonSets extends React.Component<Props> {
           daemonSet.getName(),
           daemonSet.getNs(),
           this.getPodsLength(daemonSet),
-          <KubeEventIcon object={daemonSet}/>,
+          <KubeResourceStatusIcon object={daemonSet}/>,
           this.renderNodeSelector(daemonSet),
           daemonSet.getAge(),
         ]}

src/renderer/components/+workloads-deployments/deployments.tsx

@@ -20,8 +20,8 @@ import { _i18n } from "../../i18n";
 import { cssNames } from "../../utils";
 import kebabCase from "lodash/kebabCase";
 import orderBy from "lodash/orderBy";
-import { KubeEventIcon } from "../+events/kube-event-icon";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -81,7 +81,7 @@ export class Deployments extends React.Component<Props> {
           deployment.getNs(),
           this.renderPods(deployment),
           deployment.getReplicas(),
-          <KubeEventIcon object={deployment}/>,
+          <KubeResourceStatusIcon object={deployment}/>,
           deployment.getAge(),
           this.renderConditions(deployment),
         ]}

src/renderer/components/+workloads-jobs/jobs.tsx

@@ -7,13 +7,11 @@ import { Trans } from "@lingui/macro";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { jobStore } from "./job.store";
 import { eventStore } from "../+events/event.store";
-import { Job, jobApi } from "../../api/endpoints/job.api";
+import { Job } from "../../api/endpoints/job.api";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { IJobsRouteParams } from "../+workloads";
-import { KubeEventIcon } from "../+events/kube-event-icon";
 import kebabCase from "lodash/kebabCase";
-import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -56,7 +54,7 @@ export class Jobs extends React.Component<Props> {
             job.getName(),
             job.getNs(),
             `${job.getCompletions()} / ${job.getDesiredCompletions()}`,
-            <KubeEventIcon object={job}/>,
+            <KubeResourceStatusIcon object={job}/>,
             job.getAge(),
             condition && {
               title: condition.type,

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

@@ -7,7 +7,6 @@ import { Trans } from "@lingui/macro";
 import { podsStore } from "./pods.store";
 import { Pod } from "../../api/endpoints";
 import { autobind, bytesToUnits, cssNames, interval, prevDefault } from "../../utils";
-import { KubeEventIcon } from "../+events/kube-event-icon";
 import { LineProgress } from "../line-progress";
 import { KubeObject } from "../../api/kube-object";
 import { Table, TableCell, TableHead, TableRow } from "../table";
@@ -15,6 +14,7 @@ import { showDetails } from "../../navigation";
 import { reaction } from "mobx";
 import { Spinner } from "../spinner";
 import { DrawerTitle } from "../drawer";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -107,7 +107,7 @@ export class PodDetailsList extends React.Component<Props> {
         onClick={prevDefault(() => showDetails(pod.selfLink, false))}
       >
         <TableCell className="name">{pod.getName()}</TableCell>
-        <TableCell className="warning">{pod.hasIssues() && <KubeEventIcon object={pod}/>}</TableCell>
+        <TableCell className="warning"><KubeResourceStatusIcon object={pod}/></TableCell>
         <TableCell className="namespace">{pod.getNs()}</TableCell>
         <TableCell className="cpu">{this.renderCpuUsage(`cpu-${pod.getId()}`, metrics.cpu)}</TableCell>
         <TableCell className="memory">{this.renderMemoryUsage(`memory-${pod.getId()}`, metrics.memory)}</TableCell>

src/renderer/components/+workloads-pods/pods.tsx

@@ -13,13 +13,13 @@ import { KubeObjectListLayout } from "../kube-object";
 import { Pod } from "../../api/endpoints";
 import { StatusBrick } from "../status-brick";
 import { cssNames, stopPropagation } from "../../utils";
-import { KubeEventIcon } from "../+events/kube-event-icon";
 import { getDetailsUrl } from "../../navigation";
 import toPairs from "lodash/toPairs";
 import startCase from "lodash/startCase";
 import kebabCase from "lodash/kebabCase";
 import { lookupApiLink } from "../../api/kube-api";
-import { resourceStatusRegistry } from "../../../extensions/registries/resource-status-registry";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
+
 
 enum sortBy {
   name = "name",
@@ -69,24 +69,21 @@ export class Pods extends React.Component<Props> {
   }
 
   renderPodStatus(pod: Pod) {
-    const podStatusTextsFromExtensions = resourceStatusRegistry.getItemsForKind(pod.kind, pod.apiVersion).map((item, index) => {
-      const podStatusResolver = item.resolver(pod)
-      return (
-        <span key={`resource-status-${index}`} className={podStatusResolver.getStatusColor()}>
-          {podStatusResolver.getStatusText()}
-        </span>
-      )
-    });
     return {
       className: kebabCase(pod.getStatusMessage()),
       children: (
         <span>
-          {pod.getStatusMessage()} {podStatusTextsFromExtensions}
+          {pod.getStatusMessage()}
         </span>
       )
     }
   }
 
+  renderPodStatusIcons(pod: Pod) {
+    return (
+      <KubeResourceStatusIcon object={pod} />
+    )
+  }
   render() {
     return (
       <KubeObjectListLayout
@@ -120,7 +117,7 @@ export class Pods extends React.Component<Props> {
         ]}
         renderTableContents={(pod: Pod) => [
           pod.getName(),
-          pod.hasIssues() && <KubeEventIcon object={pod}/>,
+          this.renderPodStatusIcons(pod),
           pod.getNs(),
           this.renderContainersStatus(pod),
           pod.getRestartsCount(),

src/renderer/components/+workloads-replicasets/replicasets.scss

@@ -19,6 +19,10 @@
       flex-grow: 2;
     }
 
+    &.warning {
+      @include table-cell-warning;
+    }
+
     &.namespace {
       flex-grow: 1.2;
     }

src/renderer/components/+workloads-replicasets/replicasets.tsx

@@ -12,6 +12,7 @@ import { DrawerTitle } from "../drawer";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { showDetails } from "../../navigation";
 import { apiManager } from "../../api/api-manager";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 enum sortBy {
   name = "name",
@@ -56,6 +57,7 @@ export class ReplicaSets extends React.Component<Props> {
         >
           <TableHead>
             <TableCell className="name" sortBy={sortBy.name}><Trans>Name</Trans></TableCell>
+            <TableCell className="warning"/>
             <TableCell className="namespace" sortBy={sortBy.namespace}>Namespace</TableCell>
             <TableCell className="pods" sortBy={sortBy.pods}><Trans>Pods</Trans></TableCell>
             <TableCell className="age" sortBy={sortBy.age}><Trans>Age</Trans></TableCell>
@@ -71,6 +73,7 @@ export class ReplicaSets extends React.Component<Props> {
                   onClick={prevDefault(() => showDetails(replica.selfLink, false))}
                 >
                   <TableCell className="name">{replica.getName()}</TableCell>
+                  <TableCell className="warning"><KubeResourceStatusIcon object={replica}/></TableCell>
                   <TableCell className="namespace">{replica.getNs()}</TableCell>
                   <TableCell className="pods">{this.getPodsLength(replica)}</TableCell>
                   <TableCell className="age">{replica.getAge()}</TableCell>

src/renderer/components/+workloads-statefulsets/statefulsets.tsx

@@ -4,16 +4,14 @@ import React from "react";
 import { observer } from "mobx-react";
 import { RouteComponentProps } from "react-router";
 import { Trans } from "@lingui/macro";
-import { StatefulSet, statefulSetApi } from "../../api/endpoints";
+import { StatefulSet } from "../../api/endpoints";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { statefulSetStore } from "./statefulset.store";
 import { nodesStore } from "../+nodes/nodes.store";
 import { eventStore } from "../+events/event.store";
-import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { KubeObjectListLayout } from "../kube-object";
 import { IStatefulSetsRouteParams } from "../+workloads";
-import { KubeEventIcon } from "../+events/kube-event-icon";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
-import { apiManager } from "../../api/api-manager";
 
 enum sortBy {
   name = "name",
@@ -57,7 +55,7 @@ export class StatefulSets extends React.Component<Props> {
           statefulSet.getName(),
           statefulSet.getNs(),
           this.getPodsLength(statefulSet),
-          <KubeEventIcon object={statefulSet}/>,
+          <KubeResourceStatusIcon object={statefulSet}/>,
           statefulSet.getAge(),
         ]}
       />

src/renderer/components/app.scss

@@ -161,6 +161,10 @@ a {
   color: $colorError;
 }
 
+.warning {
+  color: $colorWarning;
+}
+
 .contrast {
   color: $textColorAccent;
 }

src/renderer/components/kube-object/kube-object-meta.tsx

@@ -2,10 +2,10 @@ import React from "react";
 import { Trans } from "@lingui/macro";
 import { IKubeMetaField, KubeObject } from "../../api/kube-object";
 import { DrawerItem, DrawerItemLabels } from "../drawer";
-import { WorkloadKubeObject } from "../../api/workload-kube-object";
 import { getDetailsUrl } from "../../navigation";
 import { lookupApiLink } from "../../api/kube-api";
 import { Link } from "react-router-dom";
+import { KubeResourceStatusIcon } from "../kube-resource-status-icon";
 
 export interface Props {
   object: KubeObject;
@@ -37,7 +37,7 @@ export class KubeObjectMeta extends React.Component<Props> {
           {getAge(true, false)} <Trans>ago</Trans> ({creationTimestamp})
         </DrawerItem>
         <DrawerItem name={<Trans>Name</Trans>} hidden={this.isHidden("name")}>
-          {getName()}
+          {getName()} <KubeResourceStatusIcon object={object} />
         </DrawerItem>
         <DrawerItem name={<Trans>Namespace</Trans>} hidden={this.isHidden("namespace") || !getNs()}>
           {getNs()}

src/renderer/components/kube-resource-status-icon/index.ts

@@ -0,0 +1 @@
+export * from "./kube-resource-status-icon"

src/renderer/components/kube-resource-status-icon/kube-resource-status-icon.scss

@@ -0,0 +1,32 @@
+.ResourceStatusIcon {
+  &.warning {
+    color: $golden;
+  }
+}
+
+.ResourceStatusTooltip {
+  white-space: normal;
+
+
+  .ResourceStatusLevel {
+    padding: 4px;
+
+    &:not(:only-child):not(:last-child) {
+      border-bottom: 1px solid $borderFaintColor;
+    }
+
+    .msg {
+      margin: $margin / 2
+    }
+    .age {
+      color: $halfGray;
+    }
+  }
+
+  .ResourceStatusTitle {
+    font-weight: bold;
+    .Icon {
+      margin-right: $margin;
+    }
+  }
+}

src/renderer/components/kube-resource-status-icon/kube-resource-status-icon.tsx

@@ -0,0 +1,103 @@
+import "./kube-resource-status-icon.scss";
+
+import React from "react";
+import { Icon } from "../icon";
+import { KubeObject } from "../../api/kube-object";
+import { cssNames, formatDuration } from "../../utils";
+import { ResourceStatusRegistration, ResourceStatus, ResourceStatusLevel, resourceStatusRegistry } from "../../../extensions/registries/resource-status-registry"
+import { computed } from "mobx";
+
+interface Props {
+  object: KubeObject;
+}
+
+export class KubeResourceStatusIcon extends React.Component<Props> {
+  @computed get resourceStatuses() {
+    const { object } = this.props;
+    const registrations = resourceStatusRegistry.getItemsForKind(object.kind, object.apiVersion)
+    return registrations.map((item: ResourceStatusRegistration) => { return item.resolve(object) }).filter((item: ResourceStatus) => !!item)
+  }
+
+  resourceStatusClassName(level: number): string {
+    switch (level) {
+      case ResourceStatusLevel.INFO:
+        return "info"
+      case ResourceStatusLevel.WARNING:
+        return "warning"
+      case ResourceStatusLevel.CRITICAL:
+        return "error"
+      default:
+        return "";
+    }
+  }
+
+  resourceStatusTitle(level: number): string {
+    switch (level) {
+      case ResourceStatusLevel.INFO:
+        return "Info"
+      case ResourceStatusLevel.WARNING:
+        return "Warning"
+      case ResourceStatusLevel.CRITICAL:
+        return "Critical"
+      default:
+        return "";
+    }
+  }
+
+  getAge(timestamp: string) {
+    if (!timestamp) return ""
+    const diff = new Date().getTime() - new Date(timestamp).getTime();
+    return formatDuration(diff, true);
+  }
+
+  renderStatuses(statuses: ResourceStatus[], level: number) {
+    const filteredStatuses = statuses.filter((item) => item.level == level)
+
+    return filteredStatuses.length > 0 && (
+      <div className={cssNames("ResourceStatusLevel", this.resourceStatusClassName(level))}>
+        <span className="ResourceStatusTitle">
+          {this.resourceStatusTitle(level)}
+        </span>
+        { filteredStatuses.map((status, index) =>{
+          return (
+            <div key={`kube-resource-status-${level}-${index}`} className={cssNames("status", "msg")}>
+              - {status.text} <span className="age"> · { this.getAge(status.timestamp) }</span>
+            </div>
+          )
+        })}
+      </div>
+    )
+  }
+
+  render() {
+    const { resourceStatuses} = this
+    if (!resourceStatuses.length) return null
+
+    const sortedStatuses = resourceStatuses.sort((a: ResourceStatus, b: ResourceStatus) => {
+      if (a.level < b.level ) {
+        return 1
+      }
+      if (a.level > b.level ) {
+        return -1
+      }
+      return 0
+    })
+
+    const level = this.resourceStatusClassName(sortedStatuses[0].level)
+    return (
+      <Icon
+        material={level}
+        className={cssNames("ResourceStatusIcon", level)}
+        tooltip={{
+          children: (
+            <div className="ResourceStatusTooltip">
+              {this.renderStatuses(sortedStatuses, ResourceStatusLevel.CRITICAL)}
+              {this.renderStatuses(sortedStatuses, ResourceStatusLevel.WARNING)}
+              {this.renderStatuses(sortedStatuses, ResourceStatusLevel.INFO)}
+            </div>
+          )
+        }}
+      />
+    )
+  }
+}