Merge pull request #500 from hypercerts-org/dev

chore: new release

Author: pheuberger

allowlists/getAllowListRecordsForAddressByClaimed.tsx

@@ -42,10 +42,18 @@ export async function getAllowListRecordsForAddressByClaimed(
   address: string,
   claimed: boolean,
 ) {
-  const res = await request(HYPERCERTS_API_URL_GRAPH, query, {
-    address,
-    claimed,
-  });
+  const res = await request(
+    HYPERCERTS_API_URL_GRAPH,
+    query,
+    {
+      address,
+      claimed,
+    },
+    new Headers({
+      "Cache-Control": "no-cache",
+      Pragma: "no-cache",
+    }),
+  );
 
   const allowlistRecords = res.allowlistRecords.data;
   if (!allowlistRecords) {

app/profile/[address]/page.tsx

@@ -8,8 +8,9 @@ import { HypercertsTabContent } from "@/app/profile/[address]/hypercerts-tab-con
 import { CollectionsTabContent } from "@/app/profile/[address]/collections-tab-content";
 import { MarketplaceTabContent } from "@/app/profile/[address]/marketplace-tab-content";
 import { BlueprintsTabContent } from "@/app/profile/[address]/blueprint-tab-content";
-
 import { ContractAccountBanner } from "@/components/profile/contract-accounts-banner";
+import { ProfileAccountSwitcher } from "@/components/profile/account-switcher";
+
 export default function ProfilePage({
   params,
   searchParams,
@@ -24,6 +25,7 @@ export default function ProfilePage({
   return (
     <section className="flex flex-col gap-2">
       <ContractAccountBanner address={address} />
+      <ProfileAccountSwitcher address={address} />
       <section className="flex flex-wrap gap-2 items-center">
         <h1 className="font-serif text-3xl lg:text-5xl tracking-tight">
           Profile

components/profile/account-switcher.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { useAccount } from "wagmi";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+import { useAccountStore } from "@/lib/account-store";
+import { useSafeAccounts } from "@/hooks/useSafeAccounts";
+
+export function ProfileAccountSwitcher({ address }: { address: string }) {
+  const { address: connectedAddress } = useAccount();
+  const { safeAccounts } = useSafeAccounts();
+  const router = useRouter();
+  const selectedAccount = useAccountStore((state) => state.selectedAccount);
+
+  useEffect(() => {
+    if (!selectedAccount || !connectedAddress) return;
+
+    const currentAddress = address.toLowerCase();
+    const accounts = [
+      { type: "eoa", address: connectedAddress },
+      ...safeAccounts,
+    ];
+
+    // Find current account index
+    const currentIndex = accounts.findIndex(
+      (account) => account.address.toLowerCase() === currentAddress,
+    );
+
+    // If current address matches the connected address or a safe address the user is a signer on,
+    // and it's not the selected account, redirect to the selected account
+    if (
+      currentIndex !== -1 &&
+      currentAddress !== selectedAccount.address.toLowerCase()
+    ) {
+      router.push(`/profile/${selectedAccount.address}`);
+    }
+  }, [selectedAccount, address, connectedAddress, safeAccounts, router]);
+
+  return null;
+}

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">

hooks/use-hypercert-client.ts

@@ -4,15 +4,21 @@ import { useEffect, useState } from "react";
 import { useAccount, useWalletClient } from "wagmi";
 import { ENVIRONMENT, SUPPORTED_CHAINS } from "@/configs/constants";
 import { EvmClientFactory } from "@/lib/evmClient";
+import { PublicClient } from "viem";
 
 export const useHypercertClient = () => {
   const { data: walletClient } = useWalletClient();
   const { isConnected } = useAccount();
   const [client, setClient] = useState<HypercertClient>();
 
-  const publicClient = walletClient?.chain.id
-    ? EvmClientFactory.createClient(walletClient.chain.id)
-    : undefined;
+  let publicClient: PublicClient | undefined;
+  try {
+    publicClient = walletClient?.chain.id
+      ? EvmClientFactory.createClient(walletClient.chain.id)
+      : undefined;
+  } catch (error) {
+    console.error(`Error creating public client: ${error}`);
+  }
 
   useEffect(() => {
     if (!walletClient || !isConnected) {

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
+);