nit daico

Author: nerderlyne

package.json

@@ -24,7 +24,8 @@
             "@metamask/sdk-communication-layer": "0.33.1",
             "debug": "4.3.4",
             "mdast-util-to-hast": ">=13.2.1",
-            "viem": "2.29.0"
+            "viem": "2.29.0",
+            "preact@>=10.27.0 <10.27.3": ">=10.27.3"
         }
     },
     "dependencies": {

pnpm-lock.yaml

@@ -15,9 +15,10 @@ interface DAICOOrgHeaderProps {
   explorerUrl: string;
   shortenAddress: (addr: string) => string;
   tokenAddress?: string; // Share or Loot token address
+  chainId: number; // Chain ID for Majeur DAO link
 }
 
-export function DAICOOrgHeader({ org, chainName, explorerUrl, shortenAddress, tokenAddress }: DAICOOrgHeaderProps) {
+export function DAICOOrgHeader({ org, chainName, explorerUrl, shortenAddress, tokenAddress, chainId }: DAICOOrgHeaderProps) {
   return (
     <Card className="p-8 bg-gradient-to-br from-primary/5 via-purple-500/5 to-background border-primary/20">
       <div className="flex items-start gap-6">
@@ -40,7 +41,7 @@ export function DAICOOrgHeader({ org, chainName, explorerUrl, shortenAddress, to
             </Badge>
             <span>•</span>
             <a
-              href={`${explorerUrl}/address/${org.id}`}
+              href={`https://majeurdao.eth.limo/#/dao/${chainId}/${org.id}`}
               target="_blank"
               rel="noopener noreferrer"
               className="hover:text-foreground transition-colors inline-flex items-center gap-1"

src/components/dao/DAICOOrgHeader.tsx

@@ -55,6 +55,19 @@ function OrgPage() {
     chainId,
   });
 
+  // Prepare poolId for the query - extract it before early returns to prevent hook order issues
+  const poolId = org?.lps && org.lps.length > 0 && org.lps[0]?.poolId ? org.lps[0].poolId : undefined;
+
+  // Check if any swaps have occurred by fetching price points
+  // IMPORTANT: This hook must be called before any early returns to maintain consistent hook order
+  const { data: pricePoints } = useQuery({
+    queryKey: ["poolPricePoints", poolId],
+    queryFn: () => fetchPoolPricePoints(poolId!, undefined, undefined, 1),
+    enabled: !!poolId,
+    staleTime: 60_000,
+    retry: false,
+  });
+
   const chainName = chainId === 1 ? "Mainnet" : chainId === 11155111 ? "Sepolia" : `Chain ${chainId}`;
   const explorerUrl = chainId === 11155111 ? "https://sepolia.etherscan.io" : "https://etherscan.io";
 
@@ -87,24 +100,12 @@ function OrgPage() {
   console.log("LPs:", org.lps);
   console.log("Pool ID:", org.lps && org.lps.length > 0 ? org.lps[0].poolId : "No LP");
 
-  const hasPool = org.lps && org.lps.length > 0 && org.lps[0]?.poolId;
-  const poolId = hasPool ? org.lps[0].poolId : undefined;
-
   // Get token address from the first sale (this is the DAO's Share or Loot token being sold)
   const tokenAddress = org.sales && org.sales.length > 0 ? org.sales[0].forTkn : undefined;
 
   // Create swap link with pre-filled token
   const swapLink = tokenAddress ? `/swap?buyToken=${tokenAddress}` : undefined;
 
-  // Check if any swaps have occurred by fetching price points
-  const { data: pricePoints } = useQuery({
-    queryKey: ["poolPricePoints", poolId],
-    queryFn: () => fetchPoolPricePoints(poolId!, undefined, undefined, 1),
-    enabled: !!poolId,
-    staleTime: 60_000,
-    retry: false,
-  });
-
   const hasSwaps = pricePoints && pricePoints.length > 0;
 
   return (
@@ -122,6 +123,7 @@ function OrgPage() {
         explorerUrl={explorerUrl}
         shortenAddress={shortenAddress}
         tokenAddress={tokenAddress}
+        chainId={chainId}
       />
 
       {/* Stats Overview */}