feat: fix permission hooks

Author: wkylin

.storybook/main.ts

@@ -19,6 +19,7 @@ const config: StorybookConfig = {
       '@stateless/*': path.resolve(rootDir, 'src/components/stateless/*'),
       '@stateful/*': path.resolve(rootDir, 'src/components/stateful/*'),
       '@hooks/*': path.resolve(rootDir, 'src/components/hooks/*'),
+      '@app-hooks/*': path.resolve(rootDir, 'src/app-hooks/*'),
       '@container/*': path.resolve(rootDir, 'src/components/container/*'),
       '@assets/*': path.resolve(rootDir, 'src/assets/*'),
       '@pages/*': path.resolve(rootDir, 'src/pages/*'),

…omponents/hooks/proTabsContext/index.jsx src/app-hooks/proTabsContext/index.jsxsrc/components/hooks/proTabsContext/index.jsx renamed to src/app-hooks/proTabsContext/index.jsx src/components/hooks/proTabsContext/index.jsx renamed to src/app-hooks/proTabsContext/index.jsx

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useState, useMemo, useCallback } from 'react'
 import { useNavigate } from 'react-router-dom'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import Home from '@src/pages/home'
 
 const defaultValue = {

…omponents/hooks/useSafeNavigate/index.js src/app-hooks/useSafeNavigate/index.jssrc/components/hooks/useSafeNavigate/index.js renamed to src/app-hooks/useSafeNavigate/index.js src/components/hooks/useSafeNavigate/index.js renamed to src/app-hooks/useSafeNavigate/index.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, KeyboardEvent } from 'react'
 import { Modal, Input, Avatar, InputRef, theme } from 'antd'
 import Draggable from 'react-draggable'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { useMenuSearch, MenuSearchResult } from '@src/app-hooks/useMenuSearch'
 import {
   SearchOutlined,

src/components/GlobalSearch/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useRouteError } from 'react-router-dom'
 import { Button, Result, Typography } from 'antd'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 
 const { Paragraph, Text } = Typography
 

src/components/RouterErrorElement.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { Result, Spin } from 'antd'
 import { useLocation } from 'react-router-dom'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { authService } from '@src/service/authService'
 import { permissionService } from '@src/service/permissionService'
 

src/components/auth/AuthCallback.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react'
 import { LinkProps } from 'react-router-dom'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { HashRouterUtils } from '@src/utils/hashRouter'
 
 export const HashLink = forwardRef<HTMLAnchorElement, LinkProps>(({ to, replace = false, children, ...props }, ref) => {

src/components/auth/HashLink.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { HashRouterUtils } from '@src/utils/hashRouter'
 
 interface HashNavigationProps {

src/components/auth/HashNavigation.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react'
 import { Routes, Route, useMatch } from 'react-router-dom'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 
 function NoFundPage() {
   const { redirectTo } = useSafeNavigate()

src/components/stateless/CustomSwitch/index.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import useSafeNavigate from '@hooks/useSafeNavigate'
+import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { Result, Button } from 'antd'
 import FixTabPanel from '@stateless/FixTabPanel'