From 493e43b38b17e3fc401255519fc3636f296c78f2 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Mon, 9 Aug 2021 22:45:03 +0900
Subject: [PATCH] added query string to url and fixed test and clear buttons

---
 source/src/pages/Search.tsx | 47 ++++++++++++++++++++++---------------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/source/src/pages/Search.tsx b/source/src/pages/Search.tsx
index ecaaa98..4f4475d 100644
--- a/source/src/pages/Search.tsx
+++ b/source/src/pages/Search.tsx
@@ -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(","),
 										}),
 									}),