feat: 桌面端导航判断调整
This commit is contained in:
@@ -44,7 +44,7 @@ import { useSubscription } from '../../hooks/useSubscription';
|
||||
import { DesktopUserMenu, TabletUserMenu } from './components/UserMenu';
|
||||
|
||||
// Phase 4 优化: 提取的导航菜单组件
|
||||
import { DesktopNav, MoreMenu, PersonalCenterMenu } from './components/Navigation';
|
||||
import { DesktopNav, PersonalCenterMenu } from './components/Navigation';
|
||||
|
||||
// Phase 5 优化: 提取的移动端抽屉菜单组件
|
||||
import { MobileDrawer } from './components/MobileDrawer';
|
||||
@@ -67,7 +67,6 @@ export default function HomeNavbar() {
|
||||
const { isOpen, onOpen, onClose } = useDisclosure();
|
||||
const navigate = useNavigate();
|
||||
const isMobile = useBreakpointValue({ base: true, md: false });
|
||||
const isTablet = useBreakpointValue({ base: false, md: true, lg: false });
|
||||
const isDesktop = useBreakpointValue({ base: false, md: false, lg: true });
|
||||
const { user, isAuthenticated, logout, isLoading } = useAuth();
|
||||
const { openAuthModal } = useAuthModal();
|
||||
@@ -167,14 +166,9 @@ export default function HomeNavbar() {
|
||||
<BrandLogo />
|
||||
|
||||
{/* 中间导航区域 - 响应式 (Phase 4 优化) */}
|
||||
{!isMobile && (
|
||||
isTablet ? (
|
||||
// 中屏(平板):"更多"下拉菜单
|
||||
<MoreMenu isAuthenticated={isAuthenticated} user={user} />
|
||||
) : (
|
||||
// 大屏(桌面):完整导航菜单
|
||||
{isDesktop && (
|
||||
// 桌面端:完整导航菜单(移动端和平板端的汉堡菜单已移至右侧)
|
||||
<DesktopNav isAuthenticated={isAuthenticated} user={user} />
|
||||
)
|
||||
)}
|
||||
|
||||
{/* 右侧功能区 (Phase 7 优化) */}
|
||||
@@ -183,7 +177,6 @@ export default function HomeNavbar() {
|
||||
isAuthenticated={isAuthenticated}
|
||||
user={user}
|
||||
isDesktop={isDesktop}
|
||||
isMobile={isMobile}
|
||||
onMenuOpen={onOpen}
|
||||
handleLogout={handleLogout}
|
||||
watchlistQuotes={watchlistQuotes}
|
||||
|
||||
Reference in New Issue
Block a user