Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-04 11:22:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Improve AbilitySelector responsiveness on slower machines

Browse Source
This commit is contained in:
Kalle 2023-10-15 14:12:59 +03:00
parent 2404d1006a
commit beaf0ceba7
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/AbilitiesSelector.tsx
View File

@ -1,5 +1,5 @@
import clsx from "clsx";
import React from "react";
import * as React from "react";
import invariant from "tiny-invariant";
import { abilities } from "~/modules/in-game-lists";
import type { BuildAbilitiesTupleWithUnknown } from "~/modules/in-game-lists/types";
@ -16,6 +16,8 @@ export function AbilitiesSelector({
selectedAbilities,
onChange,
}: AbilitiesSelectorProps) {
const [, startTransition] = React.useTransition();
const onSlotClick = ({
rowI,
abilityI,
@ -39,7 +41,9 @@ export function AbilitiesSelector({
onChange(abilitiesClone);
};
const onButtonClick = (ability: (typeof abilities)[number]) => {
onChange(addAbility({ oldAbilities: selectedAbilities, ability }));
startTransition(() => {
onChange(addAbility({ oldAbilities: selectedAbilities, ability }));
});
};
const [draggingAbility, setDraggingAbility] = React.useState<