|
1 | | -import React, { useEffect, useState } from 'react'; |
| 1 | +import React, { useEffect, useMemo, useState } from 'react'; |
2 | 2 | import { useNavigate } from 'react-router-dom'; |
3 | 3 | import { Dropdown, Tooltip } from 'antd'; |
4 | 4 | import classnames from 'classnames'; |
@@ -33,6 +33,7 @@ import Setting from '@/blocks/Setting'; |
33 | 33 | import styles from './index.less'; |
34 | 34 | import { useUpdateEffect } from '@/hooks'; |
35 | 35 |
|
| 36 | + |
36 | 37 | const initNavConfig: INavItem[] = [ |
37 | 38 | { |
38 | 39 | key: 'workspace', |
@@ -70,27 +71,31 @@ const initNavConfig: INavItem[] = [ |
70 | 71 |
|
71 | 72 | function MainPage() { |
72 | 73 | const navigate = useNavigate(); |
73 | | - const { userInfo } = useUserStore(state => { |
| 74 | + const { userInfo } = useUserStore((state) => { |
74 | 75 | return { |
75 | | - userInfo: state.curUser |
76 | | - } |
| 76 | + userInfo: state.curUser, |
| 77 | + }; |
77 | 78 | }); |
78 | 79 | const [navConfig, setNavConfig] = useState<INavItem[]>(initNavConfig); |
79 | 80 | const mainPageActiveTab = useMainStore((state) => state.mainPageActiveTab); |
80 | 81 | const [activeNavKey, setActiveNavKey] = useState<string>( |
81 | 82 | __ENV__ === 'desktop' ? mainPageActiveTab : window.location.pathname.split('/')[1] || mainPageActiveTab, |
82 | 83 | ); |
83 | 84 |
|
| 85 | + const isMac = useMemo(() => { |
| 86 | + return window.electronApi?.getPlatform().isMac; |
| 87 | + }, []); |
| 88 | + |
84 | 89 | // 当页面在workspace时,显示自定义布局 |
85 | 90 | useEffect(() => { |
86 | | - if(mainPageActiveTab === 'workspace'){ |
| 91 | + if (mainPageActiveTab === 'workspace') { |
87 | 92 | setAppTitleBarRightComponent(<CustomLayout />); |
88 | | - }else{ |
| 93 | + } else { |
89 | 94 | setAppTitleBarRightComponent(false); |
90 | 95 | } |
91 | 96 | return () => { |
92 | 97 | setAppTitleBarRightComponent(false); |
93 | | - } |
| 98 | + }; |
94 | 99 | }, [mainPageActiveTab]); |
95 | 100 |
|
96 | 101 | useEffect(() => { |
@@ -183,7 +188,7 @@ function MainPage() { |
183 | 188 | return ( |
184 | 189 | <div className={styles.page}> |
185 | 190 | <div className={styles.layoutLeft}> |
186 | | - <BrandLogo size={40} onClick={() => {}} className={styles.brandLogo} /> |
| 191 | + {(isMac || isMac === void 0) && <BrandLogo size={40} className={styles.brandLogo} />} |
187 | 192 | <ul className={styles.navList}> |
188 | 193 | {navConfig.map((item) => { |
189 | 194 | return ( |
|
0 commit comments