Added langauge localization files to use masterdata and futureproof translations.
This commit is contained in:
@@ -1,59 +1,58 @@
|
||||
import React from "react";
|
||||
import { Icon, Button, Input, AutoComplete } from "antd";
|
||||
// import { Icon, Button, Input, AutoComplete } from "antd";
|
||||
|
||||
const { Option } = AutoComplete;
|
||||
// const { Option } = AutoComplete;
|
||||
|
||||
function onSelect(value) {
|
||||
console.log("onSelect", value);
|
||||
}
|
||||
// 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 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 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>
|
||||
);
|
||||
}
|
||||
// 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) : []
|
||||
});
|
||||
};
|
||||
// handleSearch = value => {
|
||||
// this.setState({
|
||||
// dataSource: value ? searchResult(value) : []
|
||||
// });
|
||||
// };
|
||||
|
||||
render() {
|
||||
const { dataSource } = this.state;
|
||||
return (
|
||||
<div />
|
||||
// <div style={{ width: 300 }}>
|
||||
|
||||
Reference in New Issue
Block a user