Settings Tab (#42)

* Settings tab
2026-06-17 02:11:01 +00:00 · 2018-09-21 18:07:14 +02:00
parent 07b5880e5f
commit ca0ab38bd2
11 changed files with 422 additions and 101 deletions
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Chain } from './';
+import { Icon } from '../';
+
+export namespace Tab {
+  export interface Props {
+    label: string;
+    icon: string;
+    display: Chain.Display;
+    current: string;
+    hash: string;
+    setDisplay: (display: Chain.Display) => void;
+  }
+}
+
+export class Tab extends React.Component<Tab.Props, {}> {
+  public render() {
+    const { label, icon, display, current } = this.props;
+    const highlight = display === current;
+    const className = highlight ? 'Chain-tab-unit-on Chain-tab-unit' : 'Chain-tab-unit';
+
+    return (
+      <div className={className} onClick={this.onClick}>
+        <Icon src={icon} alt={label} />
+      </div>
+    );
+  }
+
+  private onClick = () => {
+    const { hash, display, setDisplay } = this.props;
+    window.location.hash = hash;
+    setDisplay(display);
+  }
+}