LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 04:21:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

[UwU] Hook up home search box (#649)

Browse Source 
This PR implements the home search box
This commit is contained in:
Corbin Crutchley
2023-08-20 19:16:49 -07:00
committed by GitHub
parent 5e943db258 9ad5baabc2
commit 70c025f235
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/search-section/search-section.astro
View File

@@ -21,8 +21,8 @@ const tagsToDisplay = [...data.tags]
{translate(Astro, "desc.looking_for_more")}
</p>
<form class={style.searchbarRow} onsubmit="event.preventDefault()">
<SearchInput class={style.searchbar} />
<form id="searchForm" class={style.searchbarRow}>
<SearchInput name="searchVal" type="text" class={style.searchbar} />
<IconOnlyButton tag="button" type="submit" class={style.searchButton}>
<Icon width="100%" height="100%" name="arrow_right" />
</IconOnlyButton>
@@ -40,3 +40,18 @@ const tagsToDisplay = [...data.tags]
}
</ul>
</section>
<script>
import { buildSearchQuery } from "../../utils/search";
const searchForm = document.getElementById("searchForm") as HTMLFormElement;
searchForm.addEventListener("submit", (e) => {
e.preventDefault();
const searchVal = (searchForm.searchVal as HTMLInputElement)
.value as string;
if (!searchVal) return;
window.location.href = `/search?${buildSearchQuery({
searchQuery: searchVal,
})}`;
});
</script>