Added langauge localization files to use masterdata and futureproof translations.

This commit is contained in:
Patrick Fic
2019-12-31 12:57:17 -08:00
parent 14147ded53
commit 226933f2d7
11 changed files with 170 additions and 73 deletions

View File

@@ -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 }}>