fix(frontend): remove config import in api configuration that was cau…

…sing build issues (#610) * fix(frontend): remove config import in api configuration that was causing build issues * docs(frotend): add changeset
carrot-kpi · Mar 6, 2024 · ca68aea · ca68aea
1 parent dc75d30
commit ca68aea
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 8 deletions.
diff --git a/.changeset/shiny-bats-fly.md b/.changeset/shiny-bats-fly.md
@@ -0,0 +1,5 @@
+---
+"@carrot-kpi/host-frontend": patch
+---
+
+Remove wagmi config import in api configuration file that was causing build issues
diff --git a/packages/frontend/src/hooks/useBlacklistedTokens.ts b/packages/frontend/src/hooks/useBlacklistedTokens.ts
@@ -1,17 +1,18 @@
 import { type ChainId } from "@carrot-kpi/sdk";
 import type { Address } from "viem";
 import { useFeaturedBlacklistedKPITokenAddresses } from "./useFeaturedBlacklistedKPITokenAddresses";
-import { useChainId } from "wagmi";
+import { useChainId, usePublicClient } from "wagmi";
 
 export const useBlacklistedTokens = (): {
     loading: boolean;
     blacklistedKPITokens: Address[];
 } => {
     const chainId = useChainId();
+    const publicClient = usePublicClient();
     const {
         isLoading: loadingFeaturedBlacklistedKPITokenAddresses,
         data: featuredBlacklistedKPITokenAddresses,
-    } = useFeaturedBlacklistedKPITokenAddresses();
+    } = useFeaturedBlacklistedKPITokenAddresses({ publicClient });
 
     return {
         blacklistedKPITokens:

diff --git a/packages/frontend/src/pages/home/index.tsx b/packages/frontend/src/pages/home/index.tsx
@@ -1,3 +1,4 @@
+import { usePublicClient } from "wagmi";
 import React, { useEffect, useState } from "react";
 import { Layout } from "../../components/layout";
 import { Hero } from "./hero";
@@ -21,10 +22,11 @@ interface HomeProps {
 }
 
 export const Home = ({ templateId }: HomeProps) => {
+    const publicClient = usePublicClient();
     const {
         isLoading: loadingFeaturedBlacklistedKPITokenAddresses,
         data: featuredBlacklistedKPITokenAddresses,
-    } = useFeaturedBlacklistedKPITokenAddresses();
+    } = useFeaturedBlacklistedKPITokenAddresses({ publicClient });
     const { isLoading: loadingFeaturedKPITokens, data: featuredKPITokens } =
         useFeaturedKPITokens(featuredBlacklistedKPITokenAddresses);
     useFathomTrackPageWatch();

diff --git a/packages/frontend/src/state/api.ts b/packages/frontend/src/state/api.ts
@@ -5,10 +5,9 @@ import {
     type SupportedChain,
 } from "@carrot-kpi/sdk";
 import { fetchBaseQuery } from "@reduxjs/toolkit/query/react";
-import { getAccount } from "@wagmi/core";
 import type { Address, PublicClient, Transport } from "viem";
 import { createCarrotApi } from "./hooks";
-import { config } from "../standalone-entrypoint";
+import { SUPPORTED_CHAINS } from "../constants";
 
 export interface FetchFeaturedKPITokensParams {
     publicClient?: PublicClient<Transport, SupportedChain | undefined>;
@@ -23,10 +22,17 @@ export const staticApi = createCarrotApi({
     endpoints: (builder) => ({
         fetchFeaturedBlacklistedKPITokenAddresses: builder.query<
             FeaturedBlacklistedKPITokens,
-            void
+            {
+                publicClient?: PublicClient<
+                    Transport,
+                    SupportedChain | undefined
+                >;
+            }
         >({
-            queryFn: async () => {
-                const { chain } = await getAccount(config);
+            queryFn: async ({ publicClient }) => {
+                const chain = SUPPORTED_CHAINS.find(
+                    (chain) => chain.id === publicClient?.chain?.id,
+                );
                 if (!chain)
                     return {
                         error: {