From 199a296fbabb8cc6dcec6f3d8cc18c14cc8e71ae Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Tue, 26 May 2026 10:26:55 +0800
Subject: [PATCH] Fix leaked conditional rendering in deployment sections

---
 web/features/deployments/detail/common.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/features/deployments/detail/common.tsx b/web/features/deployments/detail/common.tsx
index 7f9629f957..10c208da6c 100644
--- a/web/features/deployments/detail/common.tsx
+++ b/web/features/deployments/detail/common.tsx
@@ -42,6 +42,7 @@ export function Section({
   tone = 'default',
   showDivider = true,
 }: SectionProps) {
+  const hasAction = Boolean(action)
   const titleClassName = cn(
     'system-sm-semibold',
     tone === 'destructive'
@@ -70,7 +71,7 @@ export function Section({
             )}
           </div>
           <div className="min-w-0 grow">
-            {action
+            {hasAction
               ? (
                   <div className="flex min-w-0 items-start gap-3">
                     <div className="min-w-0 grow">
@@ -95,7 +96,7 @@ export function Section({
           <div className={titleClassName}>
             {title}
           </div>
-          {action && (
+          {hasAction && (
             <div className="shrink-0">
               {action}
             </div>