diff --git a/src/lib/components/Search.svelte b/src/lib/components/Search.svelte index d2e3bd3a..53eb8bf3 100644 --- a/src/lib/components/Search.svelte +++ b/src/lib/components/Search.svelte @@ -2,7 +2,7 @@ import ButtonLinks from "./ButtonLinks.svelte" import { createEventDispatcher } from "svelte" - let searchTerm = "" + export let searchTerm = "" const dispatch = createEventDispatcher() diff --git a/src/routes/resources/+page.svelte b/src/routes/resources/+page.svelte index 04d082fc..40d3cb90 100644 --- a/src/routes/resources/+page.svelte +++ b/src/routes/resources/+page.svelte @@ -25,6 +25,7 @@ let displayedResources = resources let filterByTags: Resource[] let tagLogicAnd: boolean = true // Whether all the selected tags must match the resource (vs any of the selected tags) + let searchTerm: string = "" // TODO: make this a user preference $: tagLogic = tagLogicAnd ? "and" : "or" @@ -44,7 +45,7 @@ } function filterBySearchInput(event: CustomEvent<{ searchTerm: string }>) { - const { searchTerm } = event.detail + searchTerm = event.detail.searchTerm // Analytics mixpanel.track("Resource Search", { @@ -66,6 +67,9 @@ }) displayedResources = searchResults + + // Clear filterObject tags + filterObject.forEach((option) => (option.active = false)) } const filterResources = ( @@ -76,6 +80,9 @@ ) => { const { filterOptions, filterLogic } = event.detail + // Reset search term + searchTerm = "" + // Reset displayed resources displayedResources = [] @@ -125,7 +132,7 @@

{resources.length} resources and counting!!

- +