refactor: 使用 useApp hook 获取 modal 上下文
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
import React, { useEffect, useMemo, useState } from "react"
|
import React, { useEffect, useMemo, useState } from "react"
|
||||||
import { useNavigate } from "react-router"
|
import { useNavigate } from "react-router"
|
||||||
import { App, Avatar, Breadcrumb, Dropdown, Layout, Menu, type MenuProps, Modal, Space } from "antd"
|
import { App, Avatar, Breadcrumb, Dropdown, Layout, Menu, type MenuProps, Space } from "antd"
|
||||||
import { DownOutlined } from "@ant-design/icons"
|
import { DownOutlined } from "@ant-design/icons"
|
||||||
import { ApplicationLogo } from "@/components/icon"
|
import { ApplicationLogo } from "@/components/icon"
|
||||||
import { useAppDispatch, useAppSelector } from "@/store"
|
import { useAppDispatch, useAppSelector } from "@/store"
|
||||||
@@ -41,6 +41,7 @@ function transformMenuData(nodes: TreeNode<MenuItem>[]): AntMenuItem[] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||||||
|
const { modal } = App.useApp()
|
||||||
const user = useAppSelector((store) => store.auth.user!)
|
const user = useAppSelector((store) => store.auth.user!)
|
||||||
const dispatch = useAppDispatch()
|
const dispatch = useAppDispatch()
|
||||||
const breadcrumbItems = useAntBreadcrumbs()
|
const breadcrumbItems = useAntBreadcrumbs()
|
||||||
@@ -48,7 +49,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
|
|||||||
|
|
||||||
const onLogout = ({ key }: { key: string }) => {
|
const onLogout = ({ key }: { key: string }) => {
|
||||||
if (key == "logout") {
|
if (key == "logout") {
|
||||||
Modal.confirm({
|
modal.confirm({
|
||||||
title: "确定要注销吗?",
|
title: "确定要注销吗?",
|
||||||
okText: "确定",
|
okText: "确定",
|
||||||
cancelText: "取消",
|
cancelText: "取消",
|
||||||
|
|||||||
Reference in New Issue
Block a user