From 69a2683eca8520087275dc7b8f1c99a79a8afdf0 Mon Sep 17 00:00:00 2001
From: Jesse Pinho <jesse@jessepinho.com>
Date: Tue, 12 Mar 2024 14:21:31 -0700
Subject: [PATCH] Prevent duplicate renders of delegations by aborting earlier
 requests when new ones start (#721)

---
 apps/minifront/src/state/staking/index.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/minifront/src/state/staking/index.ts b/apps/minifront/src/state/staking/index.ts
index 1c26574de6..0ee24cfd8d 100644
--- a/apps/minifront/src/state/staking/index.ts
+++ b/apps/minifront/src/state/staking/index.ts
@@ -70,6 +70,7 @@ export interface StakingSlice {
    * `delegationsByAccount`. Should be called each time `account` is changed.
    */
   loadDelegationsForCurrentAccount: () => Promise<void>;
+  loadDelegationsForCurrentAccountAbortController?: AbortController;
   /**
    * Build and submit the Delegate transaction.
    */
@@ -168,6 +169,13 @@ export const createStakingSlice = (): SliceCreator<StakingSlice> => (set, get) =
   unstakedTokensByAccount: new Map(),
   unbondingTokensByAccount: new Map(),
   loadDelegationsForCurrentAccount: async () => {
+    const existingAbortController = get().staking.loadDelegationsForCurrentAccountAbortController;
+    if (existingAbortController) existingAbortController.abort();
+    const newAbortController = new AbortController();
+    set(state => {
+      state.staking.loadDelegationsForCurrentAccountAbortController = newAbortController;
+    });
+
     const addressIndex = new AddressIndex({ account: get().staking.account });
     const validatorInfos: ValidatorInfo[] = [];
 
@@ -208,6 +216,11 @@ export const createStakingSlice = (): SliceCreator<StakingSlice> => (set, get) =
     const throttledFlushToState = throttle(flushToState, THROTTLE_MS, { trailing: true });
 
     for await (const delegation of getDelegationsForAccount(addressIndex)) {
+      if (newAbortController.signal.aborted) {
+        throttledFlushToState.cancel();
+        return;
+      }
+
       delegationsToFlush.push(delegation);
       validatorInfos.push(getValidatorInfoFromValueView(delegation));