Lens app source code (#119)

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

dashboard/client/components/drawer/drawer-param-toggler.tsx

@@ -0,0 +1,40 @@
+import "./drawer-param-toggler.scss";
+import * as React from "react";
+import { t } from "@lingui/macro";
+import { Icon } from "../icon";
+import { cssNames } from "../../utils";
+import { _i18n } from "../../i18n";
+
+interface Props {
+  label: string | number;
+}
+
+interface State {
+  open?: boolean;
+}
+export class DrawerParamToggler extends React.Component<Props, State> {
+  public state: State = {}
+
+  toggle = () => {
+    this.setState({ open: !this.state.open })
+  }
+
+  render() {
+    const { label, children } = this.props
+    const { open } = this.state
+    const icon = `arrow_drop_${open ? "up" : "down"}`
+    const link = open ? _i18n._(t`Hide`) : _i18n._(t`Show`)
+    return (
+      <div className="DrawerParamToggler">
+        <div className="flex gaps align-center">
+          <div className="param-label">{label}</div>
+          <div className="param-link" onClick={this.toggle}>
+            <span className="param-link-text">{link}</span>
+            <Icon material={icon}/>
+          </div>
+        </div>
+        <div className={cssNames("param-content", { open })}>{children}</div>
+      </div>
+    )
+  }
+}