frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🏀 Added debounce to global searchbar

Browse Source
This commit is contained in:
Rishi Ghan
2022-06-27 15:14:53 -07:00
parent 44cf66b6c5
commit ab6585ca0c
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/client/components/GlobalSearchBar/SearchBar.tsx
View File

@@ -1,4 +1,4 @@
import { debounce, isEmpty, isUndefined, map } from "lodash"; import { debounce, isEmpty, map } from "lodash";
import React, { ReactElement, useCallback, useState } from "react"; import React, { ReactElement, useCallback, useState } from "react";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import Card from "../Carda"; import Card from "../Carda";
@@ -17,7 +17,7 @@ export const SearchBar = (data: ISearchBarProps): ReactElement => {
); );
const performSearch = useCallback( const performSearch = useCallback(
(e) => { debounce((e) => {
dispatch( dispatch(
searchIssue( searchIssue(
{ {
@@ -34,7 +34,7 @@ export const SearchBar = (data: ISearchBarProps): ReactElement => {
}, },
), ),
); );
}, }, 500),
[data], [data],
); );
return ( return (
@@ -67,7 +67,11 @@ export const SearchBar = (data: ISearchBarProps): ReactElement => {
imageStyle={{ maxWidth: 70 }} imageStyle={{ maxWidth: 70 }}
titleStyle={{ fontSize: "0.8rem" }} titleStyle={{ fontSize: "0.8rem" }}
tagsStyle={{ fontSize: "0.7rem" }} tagsStyle={{ fontSize: "0.7rem" }}
containerStyle={{ width: "100vw", padding: 0, margin: "0 0 8px 0" }} containerStyle={{
width: "100vw",
padding: 0,
margin: "0 0 8px 0",
}}
/> />
))} ))}
</div> </div>