crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Small refactoring of search input

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-06 12:45:14 +02:00
committed by fabioberger
parent 6094fa7b6d
commit 28d7cf38c8
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/website/ts/components/docs/search_input.tsx
View File

@@ -15,7 +15,7 @@ interface ISearchInputProps {
const AutoComplete = connectAutoComplete(CustomAutoComplete);
export const SearchInput: React.FC<ISearchInputProps> = props => (
export const SearchInput: React.FC<ISearchInputProps> = ({ isHome }) => (
<InstantSearch
searchClient={searchClient}
indexName="0x_tools_test"
@@ -26,23 +26,19 @@ export const SearchInput: React.FC<ISearchInputProps> = props => (
},
}}
>
<Wrapper isHome={props.isHome}>
<AutoComplete isHome={props.isHome} />
<Wrapper isHome={isHome}>
<AutoComplete isHome={isHome} />
<Configure hitsPerPage={5} distinct={true} />
<Index indexName="0x_tools_test" />
<Index indexName="0x_guides_test" />
<Label>
<LabelText>Search query</LabelText>
{/* <Input isHome={props.isHome} />*/}
{/* <Input isHome={isHome} />*/}
</Label>
</Wrapper>
</InstantSearch>
);
SearchInput.defaultProps = {
isHome: false,
};
const Wrapper = styled.div<ISearchInputProps>`
width: 100%;
max-width: 240px;