xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-09-18 00:16:37 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 侧边栏聚焦问题 (close #123)

Browse Source
This commit is contained in:
CaIon 2024-03-17 16:37:19 +08:00
parent f65477d054
commit 2581b37394
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/src/components/SiderBar.js
View File

@ -34,6 +34,21 @@ const SiderBar = () => {
const logo = getLogo(); const logo = getLogo();
const [isCollapsed, setIsCollapsed] = useState(defaultIsCollapsed); const [isCollapsed, setIsCollapsed] = useState(defaultIsCollapsed);
const routerMap = {
home: '/',
channel: '/channel',
token: '/token',
redemption: '/redemption',
topup: '/topup',
user: '/user',
log: '/log',
midjourney: '/midjourney',
setting: '/setting',
about: '/about',
chat: '/chat',
detail: '/detail'
};
const headerButtons = useMemo(() => [ const headerButtons = useMemo(() => [
{ {
text: '首页', text: '首页',
@ -150,6 +165,11 @@ const SiderBar = () => {
loadStatus().then(() => { loadStatus().then(() => {
setIsCollapsed(isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true'); setIsCollapsed(isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true');
}); });
let localKey = window.location.pathname.split('/')[1]
if (localKey === '') {
localKey = 'home'
}
setSelectedKeys([localKey]);
}, []); }, []);
return ( return (
@ -166,20 +186,6 @@ const SiderBar = () => {
}} }}
selectedKeys={selectedKeys} selectedKeys={selectedKeys}
renderWrapper={({ itemElement, isSubNav, isInSubNav, props }) => { renderWrapper={({ itemElement, isSubNav, isInSubNav, props }) => {
const routerMap = {
home: '/',
channel: '/channel',
token: '/token',
redemption: '/redemption',
topup: '/topup',
user: '/user',
log: '/log',
midjourney: '/midjourney',
setting: '/setting',
about: '/about',
chat: '/chat',
detail: '/detail'
};
return ( return (
<Link <Link
style={{ textDecoration: 'none' }} style={{ textDecoration: 'none' }}