From 11e00b1a004975a3d799c1e11ede9365b16c6b45 Mon Sep 17 00:00:00 2001
From: orenzhang <41963680+OrenZhang@users.noreply.github.com>
Date: Sun, 17 May 2026 17:04:27 +0800
Subject: [PATCH 1/2] fix(risk): enhance risk warning toast with dismiss
 functionality

---
 .../common/risk/risk-warning-toast.tsx        | 51 ++++++++++++-------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/frontend/components/common/risk/risk-warning-toast.tsx b/frontend/components/common/risk/risk-warning-toast.tsx
index 2237bda..f28873c 100644
--- a/frontend/components/common/risk/risk-warning-toast.tsx
+++ b/frontend/components/common/risk/risk-warning-toast.tsx
@@ -1,26 +1,39 @@
-'use client';
+import { toast } from "sonner"
+import { X } from "lucide-react"
+import { RiskInfo, RiskInfoBox } from "@/components/common/risk/risk-info-box"
 
-import {toast} from 'sonner';
-import {RiskInfo, RiskInfoBox} from '@/components/common/risk/risk-info-box';
+const RISK_TOAST_ID = "credit-risk-warning"
+let isRiskWarningDismissed = false
 
-const RISK_TOAST_ID = 'credit-risk-warning';
+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)]">
-          <RiskInfoBox
-            riskInfo={riskInfo}
-            label="账号存在风险提示"
-            labelClassName="font-semibold text-foreground"
-          />
-        </div>
-      ),
-      {
-        id: RISK_TOAST_ID,
-        duration: Infinity,
-        closeButton: false,
-        dismissible: false,
+    (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,
+      dismissible: true,
+      onDismiss: () => {
+        isRiskWarningDismissed = true
       },
-  );
+    },
+  )
 }

From cb96901e6c5e9c8bba20a6bba4caba83c981cae7 Mon Sep 17 00:00:00 2001
From: orenzhang <41963680+OrenZhang@users.noreply.github.com>
Date: Sun, 17 May 2026 17:07:28 +0800
Subject: [PATCH 2/2] fix(risk): improve risk warning toast dismissal
 functionality

---
 .../common/risk/risk-warning-toast.tsx        | 58 +++++++++----------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/frontend/components/common/risk/risk-warning-toast.tsx b/frontend/components/common/risk/risk-warning-toast.tsx
index f28873c..9e451d8 100644
--- a/frontend/components/common/risk/risk-warning-toast.tsx
+++ b/frontend/components/common/risk/risk-warning-toast.tsx
@@ -1,39 +1,39 @@
-import { toast } from "sonner"
-import { X } from "lucide-react"
-import { RiskInfo, RiskInfoBox } from "@/components/common/risk/risk-info-box"
+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
+const RISK_TOAST_ID = 'credit-risk-warning';
+let isRiskWarningDismissed = false;
 
 function dismissRiskWarningToast(id: string | number) {
-  isRiskWarningDismissed = true
-  toast.dismiss(id)
+  isRiskWarningDismissed = true;
+  toast.dismiss(id);
 }
 
 export function showRiskWarningToast(riskInfo: RiskInfo) {
-  if (isRiskWarningDismissed) return
+  if (isRiskWarningDismissed) return;
 
   toast.custom(
-    (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,
-      dismissible: true,
-      onDismiss: () => {
-        isRiskWarningDismissed = true
+      (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,
+        dismissible: true,
+        onDismiss: () => {
+          isRiskWarningDismissed = true;
+        },
       },
-    },
-  )
+  );
 }