granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix uncap indicator optimistic ui update bug

Browse source
This commit is contained in:
Justin Edmund 2022-02-02 18:43:55 -08:00
parent f482b34429
commit 065c198e67
1 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
components/WeaponGrid/index.tsx
View file

@ -146,29 +146,28 @@ const WeaponGrid = (props: Props) => {
} }
} }
function initiateUncapUpdate(id: string, position: number, uncapLevel: number) {
memoizeAction(id, position, uncapLevel)
// Save the current value in case of an unexpected result
let newPreviousValues = {...previousUncapValues}
newPreviousValues[position] = (mainWeapon && position == -1) ? mainWeapon.uncap_level : weapons[position].uncap_level
setPreviousUncapValues(newPreviousValues)
// Optimistically update UI
updateUncapLevel(position, uncapLevel)
}
const memoizeAction = useCallback( const memoizeAction = useCallback(
(id: string, position: number, uncapLevel: number) => { (id: string, position: number, uncapLevel: number) => {
debouncedAction(id, position, uncapLevel) debouncedAction(id, position, uncapLevel)
}, [] }, [props]
) )
function initiateUncapUpdate(id: string, position: number, uncapLevel: number) {
memoizeAction(id, position, uncapLevel)
// Save the current value in case of an unexpected result
let newPreviousValues = {...previousUncapValues}
newPreviousValues[position] = (mainWeapon && position == -1) ? mainWeapon.uncap_level : weapons[position].uncap_level
setPreviousUncapValues(newPreviousValues)
// Optimistically update UI
updateUncapLevel(position, uncapLevel)
}
const debouncedAction = useMemo(() => const debouncedAction = useMemo(() =>
debounce((id, position, number) => { debounce((id, position, number) => {
saveUncap(id, position, number) saveUncap(id, position, number)
}, 1000), [saveUncap] }, 500), [props, saveUncap]
) )
const updateUncapLevel = (position: number, uncapLevel: number) => { const updateUncapLevel = (position: number, uncapLevel: number) => {
@ -176,7 +175,7 @@ const WeaponGrid = (props: Props) => {
mainWeapon.uncap_level = uncapLevel mainWeapon.uncap_level = uncapLevel
setMainWeapon(mainWeapon) setMainWeapon(mainWeapon)
} else { } else {
let newWeapons = Object.assign({}, weapons) let newWeapons = Object.assign({}, props.weapons)
newWeapons[position].uncap_level = uncapLevel newWeapons[position].uncap_level = uncapLevel
setWeapons(newWeapons) setWeapons(newWeapons)
} }