admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Whiteboard Changes

Browse Source
This commit is contained in:
Patrick Fic
2019-12-31 11:44:02 -08:00
parent c46b2a301e
commit 14147ded53
16 changed files with 262 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
client/src/components/global-search/global-search.component.jsx
View File

@@ -25,18 +25,17 @@ function searchResult(query) {
function renderOption(item) {
return (
<Option key={item.category} text={item.category}>
<div className="global-search-item">
<span className="global-search-item-desc">
<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"
>
target='_blank'
rel='noopener noreferrer'>
{item.category}
</a>
</span>
<span className="global-search-item-count">{item.count} results</span>
<span className='global-search-item-count'>{item.count} results</span>
</div>
</Option>
);
@@ -56,25 +55,26 @@ export default class GlobalSearch extends React.Component {
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>
<div />
// <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>
);
}
}