feat(profile): render warning banner on the server

This caches the contract check on the server, so that our users don't
have to run the same checks individually.

Author: pheuberger

components/profile/contract-accounts-banner.tsx

@@ -1,11 +1,9 @@
-"use client";
+import { isContract } from "@/lib/isContract";
 
-import { useIsContract } from "@/hooks/useIsContract";
+export async function ContractAccountBanner({ address }: { address: string }) {
+  const isContractAddress = await isContract(address);
 
-export function ContractAccountBanner({ address }: { address: string }) {
-  const { isContract, isLoading } = useIsContract(address);
-
-  if (!isContract || isLoading) return null;
+  if (!isContractAddress) return null;
 
   return (
     <div className="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-4">

lib/isContract.ts

@@ -0,0 +1,27 @@
+import { ChainFactory } from "./chainFactory";
+import { EvmClientFactory } from "./evmClient";
+import { unstable_cache } from "next/cache";
+
+export const isContract = unstable_cache(
+  async (address: string) => {
+    const supportedChains = ChainFactory.getSupportedChains();
+    const clients = supportedChains.map((chainId) =>
+      EvmClientFactory.createClient(chainId),
+    );
+
+    const results = await Promise.allSettled(
+      clients.map((client) =>
+        client.getCode({ address: address as `0x${string}` }),
+      ),
+    );
+
+    return results.some(
+      (result) =>
+        result.status === "fulfilled" &&
+        result.value !== undefined &&
+        result.value !== "0x",
+    );
+  },
+  ["isContract"],
+  { revalidate: 604800 }, // 1 week
+);