feat(ens): add redux hooks

superfluid-finance · May 25, 2022 · 049379d · 049379d
1 parent 123308a
commit 049379d
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 37 deletions.
diff --git a/src/hooks/useEns.tsx b/src/hooks/useEns.tsx
diff --git a/src/hooks/useSearchAddressBook.ts b/src/hooks/useSearchAddressBook.ts
@@ -3,16 +3,22 @@ import {ethers} from "ethers";
 import {networks} from "../redux/networks";
 import {useAppSelector} from "../redux/hooks";
 import {addressBookSelectors} from "../redux/slices/addressBook.slice";
+import {ensApi} from "../redux/slices/ensResolver.slice";
 
 export const useSearchAddressBook = (searchTerm: string) => {
   const isSearchTermAddress = useMemo(
     () => ethers.utils.isAddress(searchTerm),
     [searchTerm]
   );
 
+
+  const ensQuery = ensApi.useResolveNameQuery(
+    searchTerm
+  )
+
   return networks.map((network) => {
     const addressBookEntries = useAppSelector((state) =>
-      searchTerm !== "" && !isSearchTermAddress
+      searchTerm !== "" && !isSearchTermAddress && !ensQuery
         ? addressBookSelectors
           .selectAll(state)
           .filter((x) => x.chainId === network.chainId)

diff --git a/src/hooks/useSearchEns.ts b/src/hooks/useSearchEns.ts
diff --git a/src/hooks/useSearchSubgraphByAddress.ts b/src/hooks/useSearchSubgraphByAddress.ts
@@ -2,6 +2,7 @@ import {useMemo} from "react";
 import {ethers} from "ethers";
 import {networks} from "../redux/networks";
 import {sfSubgraph} from "../redux/store";
+import {ensApi} from "../redux/store";
 import {skipToken} from "@reduxjs/toolkit/query";
 import {gql} from "graphql-request";
 
@@ -51,6 +52,10 @@ export const useSearchSubgraphByAddress = (searchTerm: string) => {
     [searchTerm]
   );
 
+  const ensQuery = ensApi.useResolveNameQuery(
+    searchTerm ? searchTerm : skipToken
+  )
+
   return networks.map((network) =>
     sfSubgraph.useCustomQuery(
       isSearchTermAddress
@@ -62,7 +67,14 @@ export const useSearchSubgraphByAddress = (searchTerm: string) => {
             addressBytes: searchTerm.toLowerCase(),
           },
         }
-        : skipToken
+        : {
+          chainId: network.chainId,
+          document: searchByAddressDocument,
+          variables: {
+            addressId: ensQuery.address,
+            addressBytes: ensQuery.address,
+          },
+        }
     )
   );
 };
diff --git a/src/redux/store.ts b/src/redux/store.ts
@@ -57,11 +57,6 @@ export const makeStore = wrapMakeStore(() => {
     addressBookSlice.reducer
   );
 
-  // const ensReducer = persistReducer(
-  //   { key: "ens-address", version: 1, storage: storageLocal },
-  //   ensResolverSlice.reducer
-  // )
-
   const store = configureStore({
     reducer: {
       [rpcApi.reducerPath]: rpcApi.reducer,