Lens app source code (#119)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

dashboard/client/components/+workloads-pods/pod-details-statuses.tsx

@@ -0,0 +1,28 @@
+import "./pod-details-statuses.scss";
+import * as React from "react";
+import countBy from "lodash/countBy";
+import kebabCase from "lodash/kebabCase";
+import { Pod } from "../../api/endpoints";
+
+interface Props {
+  pods: Pod[];
+}
+
+export class PodDetailsStatuses extends React.Component<Props> {
+  render() {
+    const { pods } = this.props
+    if (!pods.length) return null
+    const statuses = countBy(pods.map(pod => pod.getStatus()))
+    return (
+      <div className="PodDetailsStatuses">
+        {
+          Object.keys(statuses).map(key => (
+            <span key={key} className={kebabCase(key)}>
+              {key}: {statuses[key]}
+            </span>
+          ))
+        }
+      </div>
+    )
+  }
+}