Lens app source code (#119)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
Signed-off-by: Cody Belcher <cody.t.belcher@gmail.com>

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

@@ -0,0 +1,34 @@
+import "./pod-details-affinities.scss";
+import * as React from "react";
+import jsYaml from "js-yaml";
+import { Trans } from "@lingui/macro";
+import { AceEditor } from "../ace-editor";
+import { DrawerParamToggler, DrawerItem } from "../drawer";
+import { Pod, Deployment, DaemonSet, StatefulSet, ReplicaSet, Job } from "../../api/endpoints";
+
+interface Props {
+  workload: Pod | Deployment | DaemonSet | StatefulSet | ReplicaSet | Job;
+}
+
+export class PodDetailsAffinities extends React.Component<Props> {
+  render() {
+    const { workload } = this.props
+    const affinitiesNum = workload.getAffinityNumber()
+    const affinities = workload.getAffinity()
+    if (!affinitiesNum) return null
+    return (
+      <DrawerItem name={<Trans>Affinities</Trans>} className="PodDetailsAffinities">
+        <DrawerParamToggler label={affinitiesNum}>
+          <div className="ace-container">
+            <AceEditor
+              mode="yaml"
+              value={jsYaml.dump(affinities)}
+              showGutter={false}
+              readOnly
+            />
+          </div>
+        </DrawerParamToggler>
+      </DrawerItem>
+    )
+  }
+}