From 563059e88764edddb1b4bf466114935a9c463985 Mon Sep 17 00:00:00 2001
From: Sushan Yadav <sushanyadav98@gmail.com>
Date: Wed, 28 Feb 2024 20:46:08 +0545
Subject: [PATCH] chore: comment fixes - tab issues and hardcoded strings

---
 packages/frontend/src/components/shared/Tabs/Tabs.theme.ts  | 5 ++++-
 .../frontend/src/pages/org-slug/projects/id/Overview.tsx    | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/shared/Tabs/Tabs.theme.ts b/packages/frontend/src/components/shared/Tabs/Tabs.theme.ts
index 3f9ef417..81a32589 100644
--- a/packages/frontend/src/components/shared/Tabs/Tabs.theme.ts
+++ b/packages/frontend/src/components/shared/Tabs/Tabs.theme.ts
@@ -8,7 +8,6 @@ export const tabsTheme = tv({
     triggerWrapper: [
       // Horizontal – default
       'px-1',
-      'pb-5',
       'cursor-default',
       'select-none',
       'text-elements-low-em',
@@ -55,9 +54,13 @@ export const tabsTheme = tv({
       'outline-none',
       'leading-none',
       'tracking-[-0.006em]',
+      'text-sm',
       'rounded-md',
       // Horizontal – default
       'data-[orientation=horizontal]:focus-ring',
+      'data-[orientation=horizontal]:h-10',
+      // select direct child of data-[orientation=horizontal]
+      '[&[data-orientation=horizontal]_>_*]:h-full',
       // Vertical
       'data-[orientation=vertical]:gap-2',
       'data-[orientation=vertical]:justify-start',
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 e4c93a8b..eeec4aa8 100644
--- a/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/id/Overview.tsx
@@ -162,7 +162,7 @@ const OverviewTabPanel = () => {
               <div className="flex gap-2 items-center">
                 <BranchStrokeIcon className="text-elements-low-em w-4 h-5" />
                 <span className="text-elements-high-em text-sm tracking-tighter">
-                  feature/add-remote-control
+                  {project.deployments[0]?.branch}
                 </span>
               </div>
             </OverviewInfo>
@@ -172,7 +172,9 @@ const OverviewTabPanel = () => {
               <div className="flex gap-2 items-center">
                 <Link to="#">
                   <span className="group text-controls-primary hover:border-controls-primary transition-colors border-b border-b-transparent flex gap-2 items-center text-sm tracking-tight">
-                    dbname{' '}
+                    {/* // TODO: add db name
+                      dbname
+                    */}
                     <LinkIcon className="group-hover:rotate-45 transition-transform" />
                   </span>
                 </Link>