yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: Improve performance of rendering context menus

Browse Source
This commit is contained in:
Tom Moor
2023-09-04 23:29:19 -04:00
parent 5f788012db
commit 262590e507
5 changed files with 145 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/scenes/CollectionPermissions/AddPeopleToCollection.tsx
View File

@@ -13,8 +13,8 @@ import PaginatedList from "~/components/PaginatedList";
import Text from "~/components/Text";
import useBoolean from "~/hooks/useBoolean";
import useCurrentTeam from "~/hooks/useCurrentTeam";
import useDebouncedCallback from "~/hooks/useDebouncedCallback";
import useStores from "~/hooks/useStores";
import useThrottledCallback from "~/hooks/useThrottledCallback";
import useToasts from "~/hooks/useToasts";
import MemberListItem from "./components/MemberListItem";
@@ -31,12 +31,7 @@ function AddPeopleToCollection({ collection }: Props) {
useBoolean();
const [query, setQuery] = React.useState("");
const handleFilter = (ev: React.ChangeEvent<HTMLInputElement>) => {
setQuery(ev.target.value);
debouncedFetch(ev.target.value);
};
const debouncedFetch = useDebouncedCallback(
const debouncedFetch = useThrottledCallback(
(query) =>
users.fetchPage({
query,
@@ -44,6 +39,11 @@ function AddPeopleToCollection({ collection }: Props) {
250
);
const handleFilter = (ev: React.ChangeEvent<HTMLInputElement>) => {
setQuery(ev.target.value);
void debouncedFetch(ev.target.value);
};
const handleAddUser = async (user: User) => {
try {
await memberships.create({