feat:退出登录提示弹窗

dataelement · Jul 2, 2024 · af13470 · af13470
1 parent 60806ad
commit af13470
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/frontend/src/layout/MainLayout.tsx b/src/frontend/src/layout/MainLayout.tsx
@@ -29,6 +29,7 @@ import { userContext } from "../contexts/userContext";
 import { logoutApi } from "../controllers/API/user";
 import { captureAndAlertRequestErrorHoc } from "../controllers/request";
 import { User } from "../types/api/user";
+import { bsConfirm } from "@/components/bs-ui/alertDialog/useConfirm";
 
 export default function MainLayout() {
     const { dark, setDark } = useContext(darkContext);
@@ -38,9 +39,17 @@ export default function MainLayout() {
     const { language, options, changLanguage, t } = useLanguage(user)
 
     const handleLogout = () => {
-        captureAndAlertRequestErrorHoc(logoutApi()).then(_ => {
-            setUser(null)
-            localStorage.removeItem('isLogin')
+        bsConfirm({
+            title: `${t('prompt')}!`,
+            desc: `${t('menu.logoutDescription')}？`,
+            okTxt: t('system.confirm'),
+            onOk(next) {
+                captureAndAlertRequestErrorHoc(logoutApi()).then(_ => {
+                    setUser(null)
+                    localStorage.removeItem('isLogin')
+                })
+                next()
+            }
         })
     }