fix: block empty tag searches

This commit is contained in:
Thomas Bishop 2025-12-12 17:33:24 +00:00
parent 95d6275d4e
commit e6a15c6b3d
2 changed files with 68 additions and 65 deletions

View file

@ -39,7 +39,7 @@ export default function SearchResults({
<div>Search Results</div> <div>Search Results</div>
</SheetTitle> </SheetTitle>
<SheetDescription className="flex flex-row gap-3"> <SheetDescription className="flex flex-row gap-3">
<div className="text-foreground">Search term:</div> <span className="text-foreground">Search term:</span>
<span className="font-medium text-foreground">{searchParams}</span> <span className="font-medium text-foreground">{searchParams}</span>
</SheetDescription> </SheetDescription>
</SheetHeader> </SheetHeader>
@ -65,8 +65,8 @@ export default function SearchResults({
</div> </div>
) : ( ) : (
<div className="p-4 pt-0 flex gap-2"> <div className="p-4 pt-0 flex gap-2">
{tagResults.map((tagResult) => ( {tagResults?.map((tagResult, i) => (
<Link to={`/tags/${tagResult}`}> <Link to={`/tags/${tagResult}`} key={i}>
<Badge className="hover:bg-muted" variant="outline"> <Badge className="hover:bg-muted" variant="outline">
{tagResult} {tagResult}
</Badge> </Badge>

View file

@ -22,8 +22,11 @@ export default function Search() {
onSubmit: ({ value }) => { onSubmit: ({ value }) => {
setSearchParams(value.search) setSearchParams(value.search)
setSheetOpen(true) setSheetOpen(true)
console.log(value.search)
setTagResults( setTagResults(
tags?.filter((tag) => tag.toLowerCase().includes(value.search.toLowerCase())), value.search !== ""
? tags?.filter((tag) => tag.toLowerCase().includes(value.search.toLowerCase()))
: null,
) )
}, },
}) })