From bd10ebf9c8788c7bb9f030de90c4bd7918a11d1a Mon Sep 17 00:00:00 2001
From: Joaquim Verges <joaquim.verges@gmail.com>
Date: Thu, 31 Oct 2024 21:40:51 +1300
Subject: [PATCH] feat: add ecosystem URL display in header

---
 .../client/ecosystem-header.client.tsx        | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/components/client/ecosystem-header.client.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/components/client/ecosystem-header.client.tsx
index b0d2e316263..c3d9c306098 100644
--- a/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/components/client/ecosystem-header.client.tsx
+++ b/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/components/client/ecosystem-header.client.tsx
@@ -165,11 +165,23 @@ export function EcosystemHeader(props: {
               {!ecosystem.slug ? (
                 <Skeleton className="h-6 w-[300px]" />
               ) : (
-                <div className="flex items-center gap-1">
-                  <p className="text-muted-foreground">
-                    ecosystem.{ecosystem.slug}
-                  </p>
-                  <CopyButton text={`ecosystem.${ecosystem.slug}`} />
+                <div className="flex flex-col gap-1">
+                  <div className="flex items-center gap-1">
+                    <p className="text-muted-foreground">
+                      ecosystem.{ecosystem.slug}
+                    </p>
+                    <CopyButton text={`ecosystem.${ecosystem.slug}`} />
+                  </div>
+                  <div className="flex items-center gap-1">
+                    <a
+                      href={`https://${ecosystem.slug}.ecosystem.thirdweb.com`}
+                      className="text-link-foreground"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      {`${ecosystem.slug}.ecosystem.thirdweb.com`}
+                    </a>
+                  </div>
                 </div>
               )}
             </div>