feat(ens): add redux hooks

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

Hide file tree

Showing 7 changed files with 24 additions and 39 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,13 +3,19 @@ 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/store";
 
 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

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
@@ -63,6 +68,14 @@ export const useSearchSubgraphByAddress = (searchTerm: string) => {
           },
         }
         : skipToken
+        // : {
+        //   chainId: network.chainId,
+        //   document: searchByAddressDocument,
+        //   variables: {
+        //     addressId: ensQuery.address,
+        //     addressBytes: ensQuery.address,
+        //   },
+        // }
     )
   );
 };
diff --git a/src/pages/[_network]/supertokens/[_id].tsx b/src/pages/[_network]/supertokens/[_id].tsx
@@ -1,5 +1,5 @@
 import { useContext, useEffect, useState } from "react";
-import { sfSubgraph } from "../../../redux/store";
+import { sfSubgraph} from "../../../redux/store";
 import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import { TabContext, TabList, TabPanel } from "@mui/lab";
 import {

diff --git a/src/redux/slices/ensResolver.slice.ts b/src/redux/slices/ensResolver.slice.ts
@@ -1,7 +1,6 @@
 import urlcat from 'urlcat'
-import { fakeBaseQuery } from "@reduxjs/toolkit/dist/query";
-import { createApi } from "@reduxjs/toolkit/dist/query/react";
 import { ethers } from "ethers";
+import { createApi, fetchBaseQuery, fakeBaseQuery } from "@reduxjs/toolkit/query/react";
 
 export interface NameInfo {
   rnsName: string
@@ -99,3 +98,4 @@ export const ensApi = createApi({
   },
 });
 
+export const { useResolveNameQuery, useLookupAvatar, useLookupAddress } = ensApi
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,
@@ -92,7 +87,8 @@ export const makeStore = wrapMakeStore(() => {
           })
         )
         .concat(rpcApi.middleware)
-        .concat(sfSubgraph.middleware),
+        .concat(sfSubgraph.middleware)
+        .concat(ensApi.middleware),
   });
 
   if (!isServer()) {