Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-01-15 11:59:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

Created an 'x' button to clear search query

Browse Source
This commit is contained in:
RyloRiz 2024-01-24 18:41:45 -08:00
parent 39475e4aae
commit 5be4833b8d
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/form/SearchBar.tsx
View File

@ -57,6 +57,15 @@ export const SearchBarInput = forwardRef<HTMLInputElement, SearchBarProps>(
className="w-full flex-1 bg-transparent px-4 py-4 pl-12 text-search-text placeholder-search-placeholder focus:outline-none sm:py-4 sm:pr-2" className="w-full flex-1 bg-transparent px-4 py-4 pl-12 text-search-text placeholder-search-placeholder focus:outline-none sm:py-4 sm:pr-2"
placeholder={props.placeholder} placeholder={props.placeholder}
/> />
<div
onClick={() => {
setSearch("");
}}
className="cursor-pointer absolute bottom-0 right-5 top-0 flex max-h-14 items-center text-search-icon"
>
<Icon icon={Icons.X} />
</div>
</Flare.Child> </Flare.Child>
</Flare.Base> </Flare.Base>
); );