fix: Initial fetching/loading state (#563)

sidestream-tech · Dec 12, 2022 · 89db7a2 · 89db7a2
1 parent c82676e
commit 89db7a2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/frontend/store/auctions.ts b/frontend/store/auctions.ts
@@ -40,7 +40,7 @@ interface State {
 const getInitialState = (): State => ({
     auctionStorage: {},
     takeEventStorage: {},
-    areAuctionsFetching: false,
+    areAuctionsFetching: true,
     isSelectedAuctionFetching: false,
     areTakeEventsFetching: false,
     isBidding: false,
@@ -214,6 +214,7 @@ export const actions = {
             return;
         }
         commit('setIsSelectedAuctionFetching', true);
+        commit('setAreAuctionsFetching', false);
         try {
             const auction = await fetchSingleAuctionById(network, auctionId);
             commit('setAuction', auction);

diff --git a/frontend/store/debt.ts b/frontend/store/debt.ts
@@ -30,7 +30,7 @@ interface State {
 const getInitialState = (): State => ({
     auctionStorage: {},
     auctionStates: {},
-    areAuctionsFetching: false,
+    areAuctionsFetching: true,
     isAuthorizationLoading: false,
     error: null,
     lastUpdated: undefined,

diff --git a/frontend/store/surplus.ts b/frontend/store/surplus.ts
@@ -46,7 +46,7 @@ const getInitialState = (): State => ({
     auctionStorage: {},
     auctionStates: {},
     allowanceAmount: undefined,
-    areAuctionsFetching: false,
+    areAuctionsFetching: true,
     isAuthorizationLoading: false,
     error: null,
     lastUpdated: undefined,

diff --git a/frontend/store/vaults.ts b/frontend/store/vaults.ts
@@ -19,7 +19,7 @@ interface State {
 const getInitialState = (): State => ({
     vaultTransactions: {},
     vaultErrors: {},
-    areVaultsLoading: false,
+    areVaultsLoading: true,
     isVaultBeingLiquidated: false,
     isVaultLiquidationDone: false,
     lastUpdated: undefined,
@@ -88,6 +88,9 @@ export const actions = {
     },
     async fetchVault({ commit, rootGetters }: ActionContext<State, State>, vaultId: number) {
         const network = rootGetters['network/getMakerNetwork'];
+        if (!network) {
+            return;
+        }
         commit('setAreVaultsLoading', true);
         try {
             const vault = await fetchVault(network, vaultId);