From 5a095290db9abf5f8e9528ef4f56c0b974231ad1 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sat, 30 Apr 2022 23:02:44 +0800
Subject: ...

---
 FrontEnd/src/views/common/alert/AlertHost.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'FrontEnd/src/views/common/alert/AlertHost.tsx')

diff --git a/FrontEnd/src/views/common/alert/AlertHost.tsx b/FrontEnd/src/views/common/alert/AlertHost.tsx
index ba6d6a0f..92db78fa 100644
--- a/FrontEnd/src/views/common/alert/AlertHost.tsx
+++ b/FrontEnd/src/views/common/alert/AlertHost.tsx
@@ -6,6 +6,8 @@ import classNames from "classnames";
 import { alertService, AlertInfoEx, AlertInfo } from "@/services/alert";
 import { convertI18nText } from "@/common";
 
+import IconButton from "../button/IconButton";
+
 import "./alert.css";
 
 interface AutoCloseAlertProps {
@@ -67,8 +69,9 @@ export const AutoCloseAlert: React.FC<AutoCloseAlertProps> = (props) => {
         })()}
       </div>
       <div className="cru-alert-close-button-container">
-        <i
-          className={classNames("icon-button bi-x cru-alert-close-button")}
+        <IconButton
+          icon="x"
+          className="cru-alert-close-button"
           onClick={close}
         />
       </div>
-- 
cgit v1.2.3

