From b838777a4273c3c4a5a57d84980911a6337f03d6 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 10 Dec 2025 14:49:37 +0800
Subject: [PATCH] update pay ui

---
 .../components/MobileDrawer/MobileDrawer.js    | 18 +++++++-----------
 .../components/Navigation/DesktopNav.js        | 16 ++++++----------
 .../Navbars/components/Navigation/MoreMenu.js  | 13 ++++++-------
 3 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/src/components/Navbars/components/MobileDrawer/MobileDrawer.js b/src/components/Navbars/components/MobileDrawer/MobileDrawer.js
index 8084d394..f7091906 100644
--- a/src/components/Navbars/components/MobileDrawer/MobileDrawer.js
+++ b/src/components/Navbars/components/MobileDrawer/MobileDrawer.js
@@ -203,23 +203,19 @@ const MobileDrawer = memo(({
                                         <Badge size="xs" colorScheme="green">HOT</Badge>
                                     </HStack>
                                 </Link>
-                                <Link
-                                    onClick={() => handleNavigate('/trading-simulation')}
+                                <Box
                                     py={1}
                                     px={3}
                                     borderRadius="md"
-                                    _hover={{ bg: 'gray.100' }}
-                                    cursor="pointer"
-                                    bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'}
-                                    borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'}
-                                    borderColor="blue.600"
-                                    fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
+                                    cursor="not-allowed"
+                                    opacity={0.5}
+                                    bg="transparent"
                                 >
                                     <HStack justify="space-between">
-                                        <Text fontSize="sm">模拟盘</Text>
-                                        <Badge size="xs" colorScheme="red">NEW</Badge>
+                                        <Text fontSize="sm" color="gray.400">模拟盘</Text>
+                                        <Badge size="xs" colorScheme="gray">即将推出</Badge>
                                     </HStack>
-                                </Link>
+                                </Box>
                             </VStack>
                         </Box>
 
diff --git a/src/components/Navbars/components/Navigation/DesktopNav.js b/src/components/Navbars/components/Navigation/DesktopNav.js
index 89313b71..e6f86205 100644
--- a/src/components/Navbars/components/Navigation/DesktopNav.js
+++ b/src/components/Navbars/components/Navigation/DesktopNav.js
@@ -177,19 +177,15 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
                         </Flex>
                     </MenuItem>
                     <MenuItem
-                        onClick={() => {
-                            navigate('/trading-simulation');
-                            marketReviewMenu.onClose(); // 跳转后关闭菜单
-                        }}
+                        isDisabled
                         borderRadius="md"
-                        bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'}
-                        borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'}
-                        borderColor="blue.600"
-                        fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
+                        bg="transparent"
+                        opacity={0.5}
+                        cursor="not-allowed"
                     >
                         <Flex justify="space-between" align="center" w="100%">
-                            <Text fontSize="sm">模拟盘</Text>
-                            <Badge size="sm" colorScheme="red">NEW</Badge>
+                            <Text fontSize="sm" color="gray.400">模拟盘</Text>
+                            <Badge size="sm" colorScheme="gray">即将推出</Badge>
                         </Flex>
                     </MenuItem>
                 </MenuList>
diff --git a/src/components/Navbars/components/Navigation/MoreMenu.js b/src/components/Navbars/components/Navigation/MoreMenu.js
index 195c4200..9b2c349c 100644
--- a/src/components/Navbars/components/Navigation/MoreMenu.js
+++ b/src/components/Navbars/components/Navigation/MoreMenu.js
@@ -122,16 +122,15 @@ const MoreMenu = memo(({ isAuthenticated, user }) => {
                     </Flex>
                 </MenuItem>
                 <MenuItem
-                    onClick={() => {
-                        moreMenu.onClose(); // 先关闭菜单
-                        navigate('/trading-simulation');
-                    }}
+                    isDisabled
                     borderRadius="md"
-                    bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'}
+                    bg="transparent"
+                    opacity={0.5}
+                    cursor="not-allowed"
                 >
                     <Flex justify="space-between" align="center" w="100%">
-                        <Text fontSize="sm">模拟盘</Text>
-                        <Badge size="sm" colorScheme="red">NEW</Badge>
+                        <Text fontSize="sm" color="gray.400">模拟盘</Text>
+                        <Badge size="sm" colorScheme="gray">即将推出</Badge>
                     </Flex>
                 </MenuItem>