Fixed selected nav item. Added lazy loading for WS client to resolve token issue. Added some filtering to jobs list.

client/src/components/global-search/global-search.component.jsx

@@ -0,0 +1,80 @@
+import React from "react";
+import { Icon, Button, Input, AutoComplete } from "antd";
+
+const { Option } = AutoComplete;
+
+function onSelect(value) {
+  console.log("onSelect", value);
+}
+
+function getRandomInt(max, min = 0) {
+  return Math.floor(Math.random() * (max - min + 1)) + min; // eslint-disable-line no-mixed-operators
+}
+
+function searchResult(query) {
+  return new Array(getRandomInt(5))
+    .join(".")
+    .split(".")
+    .map((item, idx) => ({
+      query,
+      category: `${query}${idx}`,
+      count: getRandomInt(200, 100)
+    }));
+}
+
+function renderOption(item) {
+  return (
+    <Option key={item.category} text={item.category}>
+      <div className="global-search-item">
+        <span className="global-search-item-desc">
+          Found {item.query} on
+          <a
+            href={`https://s.taobao.com/search?q=${item.query}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {item.category}
+          </a>
+        </span>
+        <span className="global-search-item-count">{item.count} results</span>
+      </div>
+    </Option>
+  );
+}
+
+export default class GlobalSearch extends React.Component {
+  state = {
+    dataSource: []
+  };
+
+  handleSearch = value => {
+    this.setState({
+      dataSource: value ? searchResult(value) : []
+    });
+  };
+
+  render() {
+    const { dataSource } = this.state;
+    return (
+      <div style={{ width: 300 }}>
+        <AutoComplete
+          size="large"
+          style={{ width: "100%" }}
+          dataSource={dataSource.map(renderOption)}
+          onSelect={onSelect}
+          onSearch={this.handleSearch}
+          placeholder="input here"
+          optionLabelProp="text"
+        >
+          <Input
+            suffix={
+              <Button style={{ marginRight: -12 }} size="large" type="primary">
+                <Icon type="search" />
+              </Button>
+            }
+          />
+        </AutoComplete>
+      </div>
+    );
+  }
+}