pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

added query string to url and fixed test and clear buttons

Browse source
This commit is contained in:
Kim, Jimin 2021-08-09 22:45:03 +09:00
parent 1fdd5dcc0c
commit 493e43b38b
1 changed files with 28 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

47
source/src/pages/Search.tsx
View file

@ -114,7 +114,7 @@ function _Search() {
const [postCards, setPostCards] = useState<unknown[]>([])
const [searchInput, setSearchInput] = useState("")
const [searchInput, setSearchInput] = useState(query.query)
return (
<>
@ -165,12 +165,29 @@ function _Search() {
<StyledSearchControlContainer>
<StyledInput
type="text"
value={searchInput}
onChange={(event) =>
setSearchInput(event.target.value)
}
/>
<button
onClick={() => {
_history.push({
pathname: "/search",
search: queryString.stringify({
...(query.from && {
from: query.from,
}),
...(query.to && {
to: query.to,
}),
...(query.tags.length > 0 && {
tags: query.tags.join(","),
}),
query: searchInput,
}),
})
try {
const _postCards: unknown[] = []
for (const res of index.search(
@ -205,22 +222,6 @@ function _Search() {
}
// eslint-disable-next-line no-empty
} catch (err) {}
_history.push({
pathname: "/search",
search: queryString.stringify({
...(query.from && {
from: query.from,
}),
...(query.to && {
to: query.to,
}),
...(query.tags && {
tags: query.tags.join(","),
}),
query: searchInput,
}),
})
}}
>
Search
@ -244,6 +245,9 @@ function _Search() {
_history.push({
pathname: "/search",
search: queryString.stringify({
...(query.query && {
query: query.query,
}),
...(query.from && {
from: query.from,
}),
@ -263,6 +267,9 @@ function _Search() {
_history.push({
pathname: "/search",
search: queryString.stringify({
...(query.query && {
query: query.query,
}),
...(query.from && {
from: query.from,
}),
@ -282,8 +289,10 @@ function _Search() {
_history.push({
pathname: "/search",
search: queryString.stringify({
query: query.query,
...(query.tags && {
...(query.query && {
query: query.query,
}),
...(query.tags.length > 0 && {
tags: query.tags.join(","),
}),
}),