monoid/ionian
1
0
Fork 0
Code Issues 9 Pull requests Projects Releases Wiki Activity

refactor Search

Browse source
This commit is contained in:
monoid 2022-06-21 14:41:33 +09:00
parent b0ff34f097
commit a25df086f3
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/client/component/headline.tsx
View file

@ -104,6 +104,7 @@ export const Headline = (prop: {
<Divider />
{prop.menu}
</>);
return (<div style={{ display: 'flex' }}>
<CssBaseline />
<AppBar position="fixed" sx={{
@ -141,18 +142,13 @@ export const Headline = (prop: {
alignItems: 'center',
justifyContent: 'center'
}}>
<SearchIcon onClick={() => navigate(`/search?word=${encodeURIComponent(search)}`)} />
<SearchIcon onClick={() => navSearch(search)} />
</div>
<StyledInputBase placeholder="search"
onChange={(e) => setSearch(e.target.value)}
onKeyUp={(e) => {
if (e.key === "Enter") {
let words = search.includes("&") ? search.split("&") : [search];
words = words.map(w => w.trim())
.map(w => w.includes(":") ?
`allow_tag=${w}`
: `word=${encodeURIComponent(w)}`);
navigate(`/search?${words.join("&")}`);
navSearch(search);
}
}}
value={search}></StyledInputBase>
@ -207,6 +203,14 @@ export const Headline = (prop: {
{prop.children}
</main>
</div>);
function navSearch(search: string){
let words = search.includes("&") ? search.split("&") : [search];
words = words.map(w => w.trim())
.map(w => w.includes(":") ?
`allow_tag=${w}`
: `word=${encodeURIComponent(w)}`);
navigate(`/search?${words.join("&")}`);
}
};
export default Headline;