[TOOL-3091] Dashboard: Remove trending contracts, Hide Contract Search

apps/dashboard/knip.json

@@ -3,7 +3,9 @@
   "next": true,
   "ignore": [
     "src/@/components/ui/**",
-    "src/components/notices/AnnouncementBanner.tsx"
+    "src/components/notices/AnnouncementBanner.tsx",
+    "src/components/cmd-k-search/index.tsx",
+    "src/lib/search.ts"
   ],
   "project": ["src/**"],
   "ignoreBinaries": ["only-allow", "biome"],

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/layout.tsx

@@ -1,5 +1,3 @@
-import { MobileSidebar } from "@/components/blocks/MobileSidebar";
-import { Sidebar } from "@/components/blocks/Sidebar";
 import {
   Breadcrumb,
   BreadcrumbItem,
@@ -15,12 +13,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import {
-  ArrowLeftIcon,
-  ChevronDownIcon,
-  MenuIcon,
-  TicketCheckIcon,
-} from "lucide-react";
+import { ChevronDownIcon, TicketCheckIcon } from "lucide-react";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { redirect } from "next/navigation";
@@ -71,18 +64,6 @@ export default async function ChainPageLayout(props: {
 
   const chainMetadata = await getChainMetadata(chain.chainId);
 
-  const sidebarLinks = [
-    {
-      href: `/${chain.slug}`,
-      label: "Overview",
-      exactMatch: true,
-    },
-    {
-      href: `/${chain.slug}/popular`,
-      label: "Popular Contracts",
-    },
-  ];
-
   return (
     <>
       <div className="flex h-14 border-border border-b pl-7">
@@ -125,9 +106,7 @@ export default async function ChainPageLayout(props: {
           </BreadcrumbList>
         </Breadcrumb>
       </div>
-      <div className="container flex h-full flex-row">
-        <Sidebar links={sidebarLinks} />
-
+      <div className="container flex h-full max-w-[1180px] flex-row">
         <div className="flex w-full flex-col pb-10">
           {/* Icon + Background */}
           <ChainHeader
@@ -136,28 +115,6 @@ export default async function ChainPageLayout(props: {
             chain={chain}
           />
 
-          <div className="flex justify-end lg:hidden">
-            <MobileSidebar
-              links={sidebarLinks}
-              trigger={
-                <Button size="icon" variant="outline">
-                  <MenuIcon strokeWidth={1} />
-                </Button>
-              }
-              footer={
-                <div className="mt-5 border-t pt-6 pb-2">
-                  <Link
-                    href="/chainlist"
-                    className="flex items-center justify-start gap-2 px-2 text-muted-foreground text-sm hover:text-foreground"
-                  >
-                    <ArrowLeftIcon className="size-4" />
-                    View all chains
-                  </Link>
-                </div>
-              }
-            />
-          </div>
-
           <div className="h-4 md:h-8" />
 
           <div className="flex flex-col gap-3 md:gap-2">

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/(chainPage)/page.tsx

@@ -1,9 +1,5 @@
-import { Button } from "@/components/ui/button";
-import { fetchTopContracts } from "lib/search";
-import { ArrowRightIcon, CircleAlertIcon } from "lucide-react";
-import Link from "next/link";
+import { CircleAlertIcon } from "lucide-react";
 import { getRawAccount } from "../../../../account/settings/getAccount";
-import { TrendingContractSection } from "../../../trending/components/trending-table";
 import { getChain, getChainMetadata } from "../../utils";
 import { BuyFundsSection } from "./components/server/BuyFundsSection";
 import { ChainOverviewSection } from "./components/server/ChainOverviewSection";
@@ -21,14 +17,7 @@ export default async function Page(props: {
   const chainMetadata = await getChainMetadata(chain.chainId);
   const isDeprecated = chain.status === "deprecated";
 
-  const [account, topContracts] = await Promise.all([
-    getRawAccount(),
-    fetchTopContracts({
-      chainId: chain.chainId,
-      perPage: 3,
-      timeRange: "month",
-    }),
-  ]);
+  const account = await getRawAccount();
 
   return (
     <div className="flex flex-col gap-10">
@@ -65,31 +54,6 @@ export default async function Page(props: {
         <ExplorersSection explorers={chain.explorers} />
       )}
 
-      {topContracts.length > 0 && (
-        <section>
-          <div className="mb-3 flex items-center justify-between">
-            <h2 className="font-semibold text-xl tracking-tight">
-              Popular Contracts
-            </h2>
-            <Button asChild variant="outline">
-              <Link
-                href={`/${chain.slug}/popular`}
-                className="flex items-center gap-2"
-              >
-                See All
-                <ArrowRightIcon className="size-4" />
-              </Link>
-            </Button>
-          </div>
-          <TrendingContractSection
-            topContracts={topContracts}
-            chainId={chain.chainId}
-            showPagination={false}
-            searchParams={undefined}
-          />
-        </section>
-      )}
-
       {chain.services.filter((s) => s.enabled).length > 0 && (
         <SupportedProductsSection services={chain.services} />
       )}

apps/dashboard/src/app/(dashboard)/(chain)/utils.ts

@@ -692,7 +692,7 @@ const chainMetaRecord = {
       backgroundImageUrl: victionCTA.src,
       title:
         "Build, own, win, and be part of Viction World Wide Chain where everyone scales beyond limits.",
-      buttonLink: "https://thirdweb.com/viction/popular",
+      buttonLink: "https://thirdweb.com/viction",
       buttonText: "Learn More",
     },
   },
@@ -705,7 +705,7 @@ const chainMetaRecord = {
       backgroundImageUrl: victionCTA.src,
       title:
         "Build, own, win, and be part of Viction World Wide Chain where everyone scales beyond limits.",
-      buttonLink: "https://thirdweb.com/viction/popular",
+      buttonLink: "https://thirdweb.com/viction",
       buttonText: "Learn More",
     },
   },