From f40cac47da79cd7fd09050fbc312a0e65ab142c7 Mon Sep 17 00:00:00 2001
From: orenzhang <41963680+OrenZhang@users.noreply.github.com>
Date: Sun, 17 May 2026 16:56:43 +0800
Subject: [PATCH 1/2] fix(risk-warning-toast): enable close button and
 dismissible option

---
 frontend/components/common/risk/risk-warning-toast.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/common/risk/risk-warning-toast.tsx b/frontend/components/common/risk/risk-warning-toast.tsx
index ade2632..283280e 100644
--- a/frontend/components/common/risk/risk-warning-toast.tsx
+++ b/frontend/components/common/risk/risk-warning-toast.tsx
@@ -13,8 +13,8 @@ export function showRiskWarningToast(riskInfo: RiskInfo) {
     {
       id: RISK_TOAST_ID,
       duration: Infinity,
-      closeButton: false,
-      dismissible: false,
+      closeButton: true,
+      dismissible: true,
     },
   )
 }

From 13db33ec4029527f6d19deb1a973406bf6e57b71 Mon Sep 17 00:00:00 2001
From: orenzhang <41963680+OrenZhang@users.noreply.github.com>
Date: Sun, 17 May 2026 17:04:09 +0800
Subject: [PATCH 2/2] feat(risk-warning-toast): add dismissible close button
 for risk warning

---
 .../common/risk/risk-warning-toast.tsx        | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend/components/common/risk/risk-warning-toast.tsx b/frontend/components/common/risk/risk-warning-toast.tsx
index 283280e..f28873c 100644
--- a/frontend/components/common/risk/risk-warning-toast.tsx
+++ b/frontend/components/common/risk/risk-warning-toast.tsx
@@ -1,20 +1,39 @@
 import { toast } from "sonner"
+import { X } from "lucide-react"
 import { RiskInfo, RiskInfoBox } from "@/components/common/risk/risk-info-box"
 
 const RISK_TOAST_ID = "credit-risk-warning"
+let isRiskWarningDismissed = false
+
+function dismissRiskWarningToast(id: string | number) {
+  isRiskWarningDismissed = true
+  toast.dismiss(id)
+}
 
 export function showRiskWarningToast(riskInfo: RiskInfo) {
+  if (isRiskWarningDismissed) return
+
   toast.custom(
-    () => (
-      <div className="w-[min(calc(100vw-2rem),28rem)]">
+    (id) => (
+      <div className="relative w-[min(calc(100vw-2rem),28rem)]">
+        <button
+          type="button"
+          aria-label="关闭风险提示"
+          className="absolute right-2 top-2 inline-flex size-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          onClick={() => dismissRiskWarningToast(id)}
+        >
+          <X className="size-4" />
+        </button>
         <RiskInfoBox riskInfo={riskInfo} label="账号存在风险提示" labelClassName="font-semibold text-foreground" />
       </div>
     ),
     {
       id: RISK_TOAST_ID,
       duration: Infinity,
-      closeButton: true,
       dismissible: true,
+      onDismiss: () => {
+        isRiskWarningDismissed = true
+      },
     },
   )
 }