honeymoose/sp-dev-fx-webparts
1
0
Fork 0
mirror of https://github.com/pnp/sp-dev-fx-webparts.git synced 2025-03-07 04:09:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Debounce and Sort

Browse Source
This commit is contained in:
Peter Paul Kirschner 2023-06-20 16:49:26 +02:00
parent 221117cda9
commit 11166f47c1
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
samples/react-directory/src/webparts/directory/components/DirectoryHook.tsx
View File

@ -10,7 +10,7 @@ import {
Pivot, PivotItem, PivotLinkFormat, PivotLinkSize, Dropdown, IDropdownOption
} from "office-ui-fabric-react";
import { Stack, IStackTokens } from 'office-ui-fabric-react/lib/Stack';
//import { debounce } from "throttle-debounce";
import { debounce } from "throttle-debounce";
import { WebPartTitle } from "@pnp/spfx-controls-react";
import { ISPServices } from "../../../SPServices/ISPServices";
@ -185,9 +185,9 @@ const DirectoryHook: React.FC<IDirectoryProps> = (props) => {
const _searchBoxChanged = (newvalue: string): void => {
setCurrentPage(1);
_searchUsers(newvalue);
_debouncesearchUsers(newvalue);
};
//_searchUsers = debounce(500, _searchUsers);
const _debouncesearchUsers = debounce(500, _searchUsers);
const _sortPeople = async (sortField: string) => {
let _users = [...state.users];
@ -211,10 +211,10 @@ const DirectoryHook: React.FC<IDirectoryProps> = (props) => {
break;
default:
if ((a[sortField]||"").toUpperCase() < (a[sortField]||"").toUpperCase()) {
if ((a[sortField]||"").toUpperCase() < (b[sortField]||"").toUpperCase()) {
return -1;
}
if ((a[sortField]||"").toUpperCase() > (a[sortField]||"").toUpperCase()) {
if ((a[sortField]||"").toUpperCase() > (b[sortField]||"").toUpperCase()) {
return 1;
}
return 0;