From 76d72a72c624f760af6283e22dd99da4b71cd142 Mon Sep 17 00:00:00 2001
From: Neeraj <neeraj.rtly@gmail.com>
Date: Tue, 22 Oct 2024 10:44:15 +0530
Subject: [PATCH] Display DNS URLs in overview tab

---
 .../pages/org-slug/projects/id/Overview.tsx   | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
index 0e495065..66e97359 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
@@ -129,15 +129,19 @@ const OverviewTabPanel = () => {
             <Heading className="text-lg leading-6 font-medium truncate">
               {project.name}
             </Heading>
-            {project.baseDomains && project.baseDomains.length > 0 && project.baseDomains.map((baseDomain, index) => (
-              <a
-                key={index}
-                href={`https://${project.name}.${baseDomain}`}
-                className="text-sm text-elements-low-em tracking-tight truncate"
-              >
-                {baseDomain}
-              </a>
-            ))}
+            {project.baseDomains &&
+              project.baseDomains.length > 0 &&
+              project.baseDomains.map((baseDomain, index) => (
+                <p>
+                  <a
+                    key={index}
+                    href={`https://${project.name}.${baseDomain}`}
+                    className="text-sm text-elements-low-em tracking-tight truncate"
+                  >
+                    {baseDomain}
+                  </a>
+                </p>
+              ))}
           </div>
         </div>
         <OverviewInfo label="Domain" icon={<GlobeIcon />}>
@@ -209,7 +213,7 @@ const OverviewTabPanel = () => {
             No current deployment found.
           </p>
         )}
-        {project.auctionId && <AuctionCard project={project}/>}
+        {project.auctionId && <AuctionCard project={project} />}
       </div>
       <Activity activities={activities} isLoading={fetchingActivities} />
     </div>