update pay ui
This commit is contained in:
@@ -203,23 +203,19 @@ const MobileDrawer = memo(({
|
|||||||
<Badge size="xs" colorScheme="green">HOT</Badge>
|
<Badge size="xs" colorScheme="green">HOT</Badge>
|
||||||
</HStack>
|
</HStack>
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
<Box
|
||||||
onClick={() => handleNavigate('/trading-simulation')}
|
|
||||||
py={1}
|
py={1}
|
||||||
px={3}
|
px={3}
|
||||||
borderRadius="md"
|
borderRadius="md"
|
||||||
_hover={{ bg: 'gray.100' }}
|
cursor="not-allowed"
|
||||||
cursor="pointer"
|
opacity={0.5}
|
||||||
bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'}
|
bg="transparent"
|
||||||
borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'}
|
|
||||||
borderColor="blue.600"
|
|
||||||
fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
|
|
||||||
>
|
>
|
||||||
<HStack justify="space-between">
|
<HStack justify="space-between">
|
||||||
<Text fontSize="sm">模拟盘</Text>
|
<Text fontSize="sm" color="gray.400">模拟盘</Text>
|
||||||
<Badge size="xs" colorScheme="red">NEW</Badge>
|
<Badge size="xs" colorScheme="gray">即将推出</Badge>
|
||||||
</HStack>
|
</HStack>
|
||||||
</Link>
|
</Box>
|
||||||
</VStack>
|
</VStack>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
|
|||||||
@@ -177,19 +177,15 @@ const DesktopNav = memo(({ isAuthenticated, user }) => {
|
|||||||
</Flex>
|
</Flex>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem
|
<MenuItem
|
||||||
onClick={() => {
|
isDisabled
|
||||||
navigate('/trading-simulation');
|
|
||||||
marketReviewMenu.onClose(); // 跳转后关闭菜单
|
|
||||||
}}
|
|
||||||
borderRadius="md"
|
borderRadius="md"
|
||||||
bg={location.pathname.includes('/trading-simulation') ? 'blue.50' : 'transparent'}
|
bg="transparent"
|
||||||
borderLeft={location.pathname.includes('/trading-simulation') ? '3px solid' : 'none'}
|
opacity={0.5}
|
||||||
borderColor="blue.600"
|
cursor="not-allowed"
|
||||||
fontWeight={location.pathname.includes('/trading-simulation') ? 'bold' : 'normal'}
|
|
||||||
>
|
>
|
||||||
<Flex justify="space-between" align="center" w="100%">
|
<Flex justify="space-between" align="center" w="100%">
|
||||||
<Text fontSize="sm">模拟盘</Text>
|
<Text fontSize="sm" color="gray.400">模拟盘</Text>
|
||||||
<Badge size="sm" colorScheme="red">NEW</Badge>
|
<Badge size="sm" colorScheme="gray">即将推出</Badge>
|
||||||
</Flex>
|
</Flex>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
</MenuList>
|
</MenuList>
|
||||||
|
|||||||
@@ -122,16 +122,15 @@ const MoreMenu = memo(({ isAuthenticated, user }) => {
|
|||||||
</Flex>
|
</Flex>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
<MenuItem
|
<MenuItem
|
||||||
onClick={() => {
|
isDisabled
|
||||||
moreMenu.onClose(); // 先关闭菜单
|
|
||||||
navigate('/trading-simulation');
|
|
||||||
}}
|
|
||||||
borderRadius="md"
|
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%">
|
<Flex justify="space-between" align="center" w="100%">
|
||||||
<Text fontSize="sm">模拟盘</Text>
|
<Text fontSize="sm" color="gray.400">模拟盘</Text>
|
||||||
<Badge size="sm" colorScheme="red">NEW</Badge>
|
<Badge size="sm" colorScheme="gray">即将推出</Badge>
|
||||||
</Flex>
|
</Flex>
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user