Implement KubeObjectStatusText extension API (#1188)

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

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 { KubeObjectStatusIcon } from "../kube-object-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(),
+          <KubeObjectStatusIcon object={endpoint} />,
           endpoint.getNs(),
           endpoint.toString(),
           endpoint.getAge(),