Use a createSelector to improve selectors

thesis · May 15, 2024 · 988459a · 988459a
1 parent fcb9b62
commit 988459a
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/dapp/src/store/wallet/walletSelector.ts b/dapp/src/store/wallet/walletSelector.ts
@@ -1,11 +1,16 @@
 import { Activity } from "#/types"
+import { createSelector } from "@reduxjs/toolkit"
 import { RootState } from ".."
 
-export const selectActivities = (state: RootState): Activity[] =>
-  Object.values(state.wallet.activities)
+export const selectActivities = createSelector(
+  (state: RootState) => state.wallet.activities,
+  (activities) => Object.values(activities),
+)
 
-export const selectActivitiesIds = (state: RootState): string[] =>
-  Object.keys(state.wallet.activities)
+export const selectActivitiesIds = createSelector(
+  (state: RootState) => state.wallet.activities,
+  (activities) => Object.keys(activities),
+)
 
 export const selectTransactions = (state: RootState): Activity[] =>
   state.wallet.transactions