Merge pull request #248 from aibtcdev/ultimate-css-fixups-2

Ultimate css fixups 2

Author: whoabuddy

public/logos/aibtcdev-pattern-1-with-text-social-new.png

@@ -11,6 +11,7 @@ import {
   fetchMarketStats,
   fetchTreasuryTokens,
   fetchTokenPrice,
+  fetchHolders,
 } from "@/queries/daoQueries";
 
 export const runtime = "edge";
@@ -50,6 +51,14 @@ export default function DAOPage() {
     enabled: !!dex,
   });
 
+  // Fetch holders data directly from Hiro API
+  const { data: holdersData, isLoading: isLoadingHolders } = useQuery({
+    queryKey: ["holders", token?.contract_principal, token?.symbol],
+    queryFn: () => fetchHolders(token!.contract_principal, token!.symbol),
+    enabled: !!token?.contract_principal && !!token?.symbol,
+    staleTime: 600000, // 10 minutes
+  });
+
   const { data: marketStats, isLoading: isLoadingMarketStats } = useQuery({
     queryKey: [
       "marketStats",
@@ -83,7 +92,8 @@ export default function DAOPage() {
     isLoadingExtensions ||
     isLoadingTokenPrice ||
     isLoadingMarketStats ||
-    isLoadingTreasuryTokens;
+    isLoadingTreasuryTokens ||
+    isLoadingHolders;
 
   if (isLoading) {
     return (
@@ -120,12 +130,28 @@ export default function DAOPage() {
     );
   }
 
+  // Create an enhanced marketStats object that uses the holders count from Hiro API
+  const enhancedMarketStats = marketStats
+    ? {
+        ...marketStats,
+        // Prioritize holders count from Hiro API, fall back to marketStats
+        holderCount: holdersData?.holderCount || marketStats.holderCount,
+      }
+    : {
+        price: tokenPrice?.price || 0,
+        marketCap: tokenPrice?.marketCap || 0,
+        treasuryBalance: token?.max_supply
+          ? token.max_supply * 0.8 * (tokenPrice?.price || 0)
+          : 0,
+        holderCount: holdersData?.holderCount || 0,
+      };
+
   return (
     <div className="max-w-[1400px] mx-auto space-y-6 h-full">
       <DAOOverview
         dao={dao}
         token={token}
-        marketStats={marketStats}
+        marketStats={enhancedMarketStats}
         treasuryTokens={treasuryTokens}
       />
     </div>

src/app/chat/metadata.tsx

@@ -0,0 +1,15 @@
+import { Metadata } from "next";
+import React from "react";
+
+export const metadata: Metadata = {
+  title: "DAOs",
+  description: "Bitcoin-backed DAOs. Fully autonomous governance.",
+};
+
+export default function ChatLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <div className="flex-1 flex flex-col">{children}</div>;
+}

src/app/daos/[id]/page.tsx

@@ -1,11 +1,5 @@
-
 import React from "react";
 import DAOs from "@/components/daos/daos";
-import { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "DAOs",
-};
 
 const page = () => {
   return <DAOs />;

src/app/daos/layout.tsx

@@ -11,7 +11,7 @@ export const viewport: Viewport = {
 };
 
 export const metadata: Metadata = {
-  metadataBase: new URL("https://app.aibtc.dev"),
+  metadataBase: new URL("https://aibtc.com"),
   title: {
     default: "AIBTC",
     template: "%s | AIBTC",
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
     type: "website",
     images: [
       {
-        url: "https://app.aibtc.dev/logos/aibtcdev-avatar-1000px.png",
+        url: "https://aibtc.com/logos/aibtcdev-avatar-1000px.png",
         width: 1000,
         height: 1000,
         alt: "AIBTC",
@@ -38,7 +38,7 @@ export const metadata: Metadata = {
     card: "summary_large_image",
     images: [
       {
-        url: "https://app.aibtc.dev/logos/aibtcdev-pattern-1-with-text-social.png",
+        url: "https://aibtc.com/logos/aibtcdev-pattern-1-with-text-social-new.png",
         alt: "AIBTC",
         width: 1200,
         height: 630,

src/app/daos/page.tsx

@@ -11,7 +11,7 @@ import {
   DialogDescription,
 } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
-import { MessageSquare, Info, Loader2 } from "lucide-react";
+import { Info, Loader2 } from "lucide-react";
 import { TokenBuyInput } from "./dao-buy-input";
 import AgentWalletSelector from "@/components/chat/agent-selector";
 import { useChatStore } from "@/store/chat";
@@ -168,7 +168,6 @@ export function DAOBuyModal({
       <DialogTrigger asChild>
         {trigger || (
           <Button variant="outline" className="gap-2">
-            <MessageSquare className="h-4 w-4" />
             <span>Buy {tokenName}</span>
           </Button>
         )}

src/app/layout.tsx

@@ -1,5 +1,4 @@
 import { Button } from "@/components/ui/button";
-import { MessageSquare } from "lucide-react";
 import { DAOBuyModal } from "./dao-buy-modal";
 
 interface DAOBuyTokenProps {
@@ -10,12 +9,7 @@ export function DAOBuyToken({ daoId }: DAOBuyTokenProps) {
   return (
     <DAOBuyModal
       daoId={daoId}
-      trigger={
-        <Button variant="primary" size="sm" className="gap-1.5">
-          <MessageSquare className="h-3.5 w-3.5" />
-          <span className="text-xs">Buy</span>
-        </Button>
-      }
+      trigger={<Button variant="primary">Buy</Button>}
     />
   );
 }