From 1b68ee182725df7595a464132171b311e80c834c Mon Sep 17 00:00:00 2001
From: Fu Diwei <fudiwei@sina.com>
Date: Tue, 9 Dec 2025 17:01:43 +0800
Subject: [PATCH] fix(ui): antd v6 deprecated props

---
 ui/src/components/Tips.tsx                       | 2 +-
 ui/src/components/workflow/WorkflowRunDetail.tsx | 6 +++---
 ui/src/pages/AuthLayout.tsx                      | 2 +-
 ui/src/pages/ConsoleLayout.tsx                   | 2 +-
 ui/src/pages/certificates/CertificateList.tsx    | 2 +-
 ui/src/pages/dashboard/Dashboard.tsx             | 2 +-
 ui/src/pages/workflows/WorkflowDetailDesign.tsx  | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/Tips.tsx b/ui/src/components/Tips.tsx
index fdf19d25e..348517a6c 100644
--- a/ui/src/components/Tips.tsx
+++ b/ui/src/components/Tips.tsx
@@ -14,7 +14,7 @@ const Tips = ({ className, style, message }: TipsProps) => {
     <Alert
       className={className}
       style={style}
-      message={
+      title={
         <Flex gap="small">
           <div style={{ marginTop: "1px" }}>
             <IconBulb size={18} color={themeToken.colorInfo} />
diff --git a/ui/src/components/workflow/WorkflowRunDetail.tsx b/ui/src/components/workflow/WorkflowRunDetail.tsx
index 2f7e43956..b6ba5fc64 100644
--- a/ui/src/components/workflow/WorkflowRunDetail.tsx
+++ b/ui/src/components/workflow/WorkflowRunDetail.tsx
@@ -60,7 +60,8 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
   return (
     <div className={className} style={style}>
       <Alert
-        message={
+        showIcon
+        title={
           <div className="text-xs">
             {mergedData.endedAt
               ? t("workflow_run.base.description_with_time_cost", {
@@ -74,7 +75,6 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
                 })}
           </div>
         }
-        showIcon
         type={
           {
             [WORKFLOW_RUN_STATUSES.SUCCEEDED]: "success" as const,
@@ -87,8 +87,8 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
         <Alert
           className="mt-1"
           icon={<IconBug size="1em" color="var(--color-error)" />}
-          message={<div className="text-xs text-error">{mergedData.error}</div>}
           showIcon
+          title={<div className="text-xs text-error">{mergedData.error}</div>}
         />
       )}
 
diff --git a/ui/src/pages/AuthLayout.tsx b/ui/src/pages/AuthLayout.tsx
index f54526b97..c6dec0931 100644
--- a/ui/src/pages/AuthLayout.tsx
+++ b/ui/src/pages/AuthLayout.tsx
@@ -17,7 +17,7 @@ const AuthLayout = () => {
   return (
     <Layout className="h-screen">
       <Show when={!isBrowserHappy()}>
-        <Alert banner message={t("common.text.happy_browser")} type="warning" showIcon closable />
+        <Alert banner closable showIcon title={t("common.text.happy_browser")} type="warning" />
       </Show>
 
       <div className="relative">
diff --git a/ui/src/pages/ConsoleLayout.tsx b/ui/src/pages/ConsoleLayout.tsx
index 4ec3a7a7c..1a05e7120 100644
--- a/ui/src/pages/ConsoleLayout.tsx
+++ b/ui/src/pages/ConsoleLayout.tsx
@@ -56,7 +56,7 @@ const ConsoleLayout = () => {
   return (
     <Layout className="h-screen bg-background text-foreground">
       <Show when={!isBrowserHappy()}>
-        <Alert banner message={t("common.text.happy_browser")} type="warning" showIcon closable />
+        <Alert banner closable showIcon title={t("common.text.happy_browser")} type="warning" />
       </Show>
 
       <Layout className="h-screen" hasSider>
diff --git a/ui/src/pages/certificates/CertificateList.tsx b/ui/src/pages/certificates/CertificateList.tsx
index 115532c55..3e415ffac 100644
--- a/ui/src/pages/certificates/CertificateList.tsx
+++ b/ui/src/pages/certificates/CertificateList.tsx
@@ -130,7 +130,7 @@ const CertificateList = () => {
                 }
               }}
             >
-              {record.expand?.workflowRef?.name ?? <span className="font-mono">{t(`#${workflowId}`)}</span>}
+              {record.expand?.workflowRef?.name ?? <span className="font-mono">{`#${workflowId}`}</span>}
             </Typography.Link>
           </div>
         );
diff --git a/ui/src/pages/dashboard/Dashboard.tsx b/ui/src/pages/dashboard/Dashboard.tsx
index c770239a1..3ee7d8ea8 100644
--- a/ui/src/pages/dashboard/Dashboard.tsx
+++ b/ui/src/pages/dashboard/Dashboard.tsx
@@ -289,7 +289,7 @@ const WorkflowRunHistoryTable = ({ className, style }: { className?: string; sty
                 }
               }}
             >
-              {workflow?.name ?? <span className="font-mono">{t(`#${record.workflowRef}`)}</span>}
+              {workflow?.name ?? <span className="font-mono">{`#${record.workflowRef}`}</span>}
             </Typography.Link>
           </div>
         );
diff --git a/ui/src/pages/workflows/WorkflowDetailDesign.tsx b/ui/src/pages/workflows/WorkflowDetailDesign.tsx
index 8c490779e..ea474ed58 100644
--- a/ui/src/pages/workflows/WorkflowDetailDesign.tsx
+++ b/ui/src/pages/workflows/WorkflowDetailDesign.tsx
@@ -155,7 +155,7 @@ const WorkflowDetailDesign = () => {
                 <div className="flex flex-1 items-center justify-end gap-4 overflow-hidden">
                   <div className="flex-1 overflow-hidden">
                     <Show when={workflow.hasDraft!}>
-                      <Alert message={<div className="truncate">{t("workflow.detail.design.unpublished_draft.alert")}</div>} showIcon type="warning" />
+                      <Alert showIcon title={<div className="truncate">{t("workflow.detail.design.unpublished_draft.alert")}</div>} type="warning" />
                     </Show>
                   </div>
                   <Space.Compact>